CSS İpucu 21: CSS ile Seçilen Metinlerin Rengini Değiştirmek
css-tricks.com sitesine her girdiğimde metinleri seçince çok hoş bir görüntü ile karşılaşıyorum. Bence çok güzel. Belkide standart renklerden bıktığım için farklı renkler bana hoş geliyor. Metinleri seçince ardalan rengini ve metin rengini değiştirebilmek çok güzel bence. Özelliğin tek kötü yanı Internet Explorer’un(8. sürüm dahil) desteğinin söz konusu olmaması.
Kodlama çok basit
::-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 bu sitede herhangi bir metni seçince göreceksiniz.
Internet Explore desteklemiyor. Bunun haricinde Firefox 2, Safari, Opera 9.5 ve Google Chrome destekliyor.
Ellerine sağlık fatih abi bu çok hoşuma gitti
kitap denilebilirmi demişin tabikide denilir bu kadar emek harcamışın güzel düzenli bi döküman yapmışın emegine saglık
kendi sitemede yaptım süper oluyor
Biliyordum bu özelliği . Ders için teşekkürler
Güzel denedim mozilla ile opera tamamda ie de olmuyor teşekkürler
ben de yeni yeni farkediyordum bu özelliği… Fatih hocam nasıl yeni farketmiş hayret vallahi :)
harbiden güzel :)Maaleseki sitenin 10 ziyaretçisinden 6 sı bu özelliği farkeedemeyecek.
güzel bir özellikmiş, basit ama etkili. teşekkürler.
güzel bir özellikmiş sağol.