İ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…

Yazar
Yazar
Bilgisayar Programcısı, Web Tasarımcı, Üniversite Öğrencisi...
Twitter Facebook Google Linkedin Flickr YouTube

Önceki Yazı:Facebook’un Yeni Değişikliği ‘Virüs’ Zannedildi!

Sonraki Yazı:CSS’in Önemli Kısaltmaları Nelerdir?

YORUMLAR
SİZ DE CEVAP YAZABİLİRSİNİZ
Bu yazı hakkında görüşünüzü belirtin.

ES Web Tasarım Web Tasarım Blog Teması Emre Supçin Bu tema ES Web Tasarım tarafından düzenlenmiştir. Hiçbir şekilde kopyalanamaz.