Bir input(text, password v.s.) ya da bir textarea‘ya tıkladığınız zaman tarayıcılarda varsayılan olarak tıkladığınız elementlere çerçeve ekler. Firefox ve Internet Explorer‘da çok belirgin olmasa da Webkit tabanlı tarayıcılarda (Chrome, Safari, Konqueror) sarı kalın bir çerçeve ile kendini belli eder. Bazı tasarımlarda bu istenmeyen bir durumdur. Özellikle input, textarea stili için background özelliği kullanılıyorsa. Ben çoğunlukla varsayılan dışında stiller kullandığım için bu özelliği direk reset.css‘e ekledim.

Webkit Focus Border

Bu çerçeveden kurtulmak için input, textarea focus‘u için CSS outline özelliğini kullanılabilir. Hatta istenirse select için de kullanılabilir.

input:focus,
textarea:focus,
select:focus {
  outline:none
}

Yukarıda dediğim gibi bu sadece özel durumlar için kullanılması gereken bir kod. Stil dosyasına ekledikten sonra unutup gidilecek birşey değil. Sonra “Niye çerçeve çıkmıyor?” diye aranmayın.