CSS Seçilen yazının rengini değiştirme

Sayfa içerisinde seçilen yazıların rengi genellikle tarayıcıların standart renkleri ile seçilir. Eğer bu rengi değiştirmek isterseniz aşağıdaki kodları kullanabilir siniz.

Kodlarda iki kısımda oluşmaktadır. İlk kısımda mozilla için gerekli tanımlamayı yapıyoruz, sonrasında CSS ile gelen ::selection özelliğini kullanıyoruz.

::-moz-selection {
 background: #26c281;
 color: #FFFFFF;
 }
::selection {
 background: #26c281;
 color: #FFF;
 }

/*Linkler için farklı bir renk görünmesini 
isterseniz aşağıdaki kısmı ekleyebilirsiniz.*/

a::-moz-selection {
 background: #333;
 color: #FFFFFF;
 }
a::selection {
 background: #333;
 color: #FFFFFF;
 }

Leave a Comment

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.