Checkbox Arka Plan Rengi Nasıl Değiştirilir? konusunda olduğu gibi html ve css ile hazırlayacağınız tasarımlada seçili yazının arka plan rengi için de bir default renk var ve bu renk de yine lacivert tonuna yakın bir mavi rengi. Tasarım bütünlüğünü korumak ve bu seçili yazı için arka plan rengini değiştirme işlemi ise oldukça basit bir css kodu ile değiştirilebiliyor.
Örneğin yine turuncu tonu (#ff7200) için örnek verelim:
::-moz-selection { background: #FF7200;}
::selection { background: #FF7200;}
Eğer turuncu arkaplan seçim rengi için üzerindeki yazı rengini de değiştirmek isterseniz (örneğin beyaz olsun):
::-moz-selection {
background: #FF7200;
color: #FFFFFF;
}
::selection {
background: #FF7200;
color: #FFFFFF;
}
Ya da sadece p etiketi için özel bir arkaplan seçim rengi belirlemek isterseniz:
p::-moz-selection {
background: #FF7200;
}
p::selection {
background: #FF7200;
}
selection ile kullanılabilecek bir diğer css özelliği de yazılardaki gölge rengini belirleyebildiğiniz text-shadow özelliği
.baslik::selection {
text-shadow: none;
}