CSS ile Seçilen Metinlerin Rengini Değiştirmek

Bazı sitelere her girdiğimde ve bir yeri seçtiğimde seçili alan gri olacağı yerde mavi, pembe, turuncu gibi renk alır. Açıkçası gözüme çok hoş geliyor. Hep yapmak istemişimdir. En sonunda geçenlerde bir sitede buldum. Aslında google’da ne arayacağını bilemediğin zaman istediğin şeyi bulamıyorsun. Ama tek kötü yanı bu eklentinin Internet Explorer 8’de çalışmaması.

::-moz-selection {
    background:#c00;
    color:#fff;
}
::selection {
    background:#c00;
    color:#fff;
}

Kodlamanın birinci kısmı(::-moz-selection) mozilla tabanlı yani Firefox için ikinci kısmı ise normal CSS 3 ile birlikte gelen koddur. Webkit tabanlı tarayıcılar ve Opera 9.5 bu kodu destekliyor.

Ayrıca diğer seçicilerede bunu uygulayabiliyoruz. Bağlantılar için farklı bir renk tanımlayalım mesela

a::-moz-selection {
    background:#1259C7;
    color:#fff;
}

a::selection {
    background:#1259C7;
    color:#fff;
}

Örnek olarak bizim sitemizdeki yazıları seçerek gri olan rengin mavi olduğunu görebilirsiniz..
Destekleyen Tarayıcılar : Internet Explor 9, Firefox 2 ve Üstü, Safari, Opera 9.5 ve Google Chrome destekliyor.

Bir cevap yazın

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.