Responsive Reklam Alanı

İyi geceler sevgili okurlar,

Bu gece siz değerli okuyuculara kısa bir css dersi anlatacağım. Konumuz input sıfırlamak yani resetlemek.

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.

Bir form dosyası oluşturalım ve kodlarımızı da aşağıdaki şekilde yazalım;

------
1 <form action="#" method="post">
2 <input type="text" name=""/>
3 </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;

------
1 /*CSS input sıfırlama*/
2 :focus{outline:0;}
3 //Dış çizgisini kaldıracak
------

Bu günlük css dersimiz bu kadar başka makalemizde görüşmek üzere…

Paylaşmak Güzeldir
Yazar
Yazar
Facebook’un Yeni Değişikliği ‘Virüs’ Zannedildi! CSS’in Önemli Kısaltmaları Nelerdir?
Bir yorum yazın
Siz de düşüncenizi belirtebilirsiniz.

Emre Supçin * Ecceplus WordPress Themes