CSS ile Input Reset Nasıl Yapılır?

CSS ile Input Reset Nasıl Yapılır? İ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 benzeri tarayıcılarda input’a odaklandığımızda beliren “Glow” efektli belirteçi kaldırarak her tarayıcıda tıpkı görünümü kazandırmak istiyorsak tam olarak input’ta birer sıfırlama yapmalıyız. Bir form dosyası oluşturalım ve kodlarımızı da aşağıdaki biçimde yazalım; —— 1 <form action=”#” method=”post”> 2 <input type=”text” name=””/> üç </form> —— Internet Explorer, Firefox ve Opera benzeri tarayıcılarda tıpkı görünüme sahip olacaklardır, bu “Safari” ve “Chrome” tarayıcısında da tıpkı görünüme sahip olacaktır. Lakin üzerine odaklandığımzda yani olayın focus biçiminde IE’de, Firefox ve Opera’da bulunduğu benzeri border’siz gelmeyecektir Yani “Chrome” ve “Safari” benzeri tarayıcılarda input textlerimize odaklandığımızda border çıkmasını istemiyorsak, aşağıdaki sıfırlama kodunu kesinlikle .css dosyalarımızda bulundurmalıyız; —— 1 /CSS input sıfırlama/ 2 :focus{outline:0;} üç //Dış çizgisini kaldıracak —— Bu gündelik css dersimiz bu kadar öbür makalemizde görüşmek üzere…


Yapılan Yorumlar
Erdem OFLAZ

Bir mum, diğer mumu tutuşturmakla ışığından bir şey kaybetmez.
 Kategoriler
 Popüler yazılar