CSS – Link Etrafındaki Çerçeveleri İptal Etmek

Herhangi bir linki tıkladığınızda etrafında bir çerçeve (link focus outline) belirdiğini görürsünüz özellikle frame kullanan uygulamalar tasarlıyorsanız yada kullandıysanız bunu kesin fark etmişsinizdir.

Örneğin aşağıdaki gibi:

 

Bunu önlemek için :

a:focus {

outline: none;

}

Yukarıdaki css kodunu sayfanıza ekleyebilirsiniz.  Yeni hali de aşağıdaki gibi olacaktır.

Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on PinterestShare on RedditDigg thisEmail this to someonePrint this page

Post Author: mustafaozcan

CSS – Link Etrafındaki Çerçeveleri İptal Etmek” için 5 yorum

  • Fatih Küçükbaltacı

    (24 Temmuz 2009 - 13:52)

    Teşekkürler.

  • _KmL_

    (25 Temmuz 2009 - 09:44)

    İşte bu, çok teşekkürler:) Şu CSS’den hiç anlamıyorum:/ Sıfırdan başlamam lazım o derce 🙁 Sayenizde faydalı şeyleri kullanabiliyoruz.

  • engin

    (27 Temmuz 2009 - 09:46)

    Firefox sekmelerinde bile vardı bu. 3.5 öncesi tabi.

  • HMERT

    (7 Eylül 2009 - 06:13)

    Linkler üstündeki outline ı kaldırırsanız ekran okuyucular ile giren engelli vatandaşları sitenizde dolaşamaz edersiniz. Yapmayın 🙂

  • Mustafa ÖZCAN

    (15 Eylül 2009 - 06:32)

    Evet dediğiniz doğru ancak özellikle kurumsal uygulamalarda ihtiyaç duyulmaktadır.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir