Input Sıfırlama (Input Reset)

Chrome ve Safari gibi tarayıcılarda input'a odaklandığımızda beliren "Glow" efektli belirteçi kaldırarak her tarayıcıda aynı görünümü kazandırmak istiyorsak kesinlikle input'ta birer sıfırlama yapmalıyız!

Chrome ve Safari gibi tarayıcılarda inputa odaklandığımızda beliren "Glow" efektli belirteçi kaldırarak her tarayıcıda aynı görünümü kazandırmak istiyorsak kesinlikle input'ta birer sıfırlama yapmalıyız!

Örnek verecek olursak bi form dosyamız olsun ve kodları şöyle olsun;


<form action="#" method="post">

<input type="text" name=""/>

</form>



Internet Explorer, Firefox ve Opera gibi tarayıcılarda aynı görünüme sahip olacaklardır, bu "Safari" ve "Chrome" tarayıcısında da aynı görünüme sahip olacaktır. Lakin üzerine odaklandığımzda yani olayın focus halinde IE'de, Firefox ve Opera'da olduğu gibi border'siz gelmeyecektir

Yani "Chrome" ve "Safari" gibi tarayıcılarda input textlerimize odaklandığımızda border çıkmasını istemiyorsak, aşağıdaki sıfırlama kodunu muhakkak .css dosyalarımızda bulundurmalıyız;


/*CSS input sıfırlama*/

:focus{outline:0;}

//Dış çizgisini kaldırmasını emrettik!

  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git