CSS dış hat çizgilerini(outline) kaldırmak

0

Web sayfalarında genellikle linklere, resimlere tıkladığımızda gördüğümüz kesikli gri çizgiler görülmektedir. Firefoxda böyle bir sorun var iken İnternet Explorer ve Google Chrome'da sadece elemanın çevreleyen sarı bir çizgi görünmektedir. 

CSS ile kesikli gri renkteki bu dış hat çizgilerini kaldırabilir miyiz?

CSS dış hat çizgilerini(outline) nasıl kaldırılır?

 

 

 

ergin ergin (2515)
7 yıl önce sordu

    Toplam 1 Cevap


    0

    Genelde web sitelerinde görülen dış hat çizgilerinin(outline) oluşturduğu kesikli gri çizgiler rahatsız etmektedir. Bunda en çok son zamanlarda gelişen metin yerine resim koyma metotlarınında etkisi bulunmaktadır. Farklı tarayıcılar farklı şekillerde karşımıza çıkan bu problem için CSS outline ile basit bir şekilde çözüm üretebiliriz.

    CSS dış hat çizgilerini(outline) kaldırmak

    a {
        outline:none;
    }
    
    img {
        outline:none;
    }

    Bu tanımlar sayesinde tüm tarayıcılar için  linklerde ve resimlerde  oluşan dış hat çizgileri(outline) problemini çözmüş olacağız. Bu tanımla yöntemi ile textboxlar, textarealar vb. form elemenlarında oluşan çizgilerden de kurtulabiliriz.

    ergin ergin (2515)
    7 yıl önce cevaplandı

      üyelik gerektirir

      Cevap yazabilmek için üye girişi yapmalısınız.

      Eğer uzmanim.net üyesiyseniz giriş yapabilirsiniz: üye girişi yap
      uzmanim.net'e üye olmak çok kolaydır: hemen kayıt ol