5.00 / 1 oy

CSS İle Seçili Yazı Arka Plan Rengini Değiştirmek

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;
}

Öz Hakiki Bumblebee

18.11.2020 23:24

Bu soru henüz yanıtlanmamış.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
CSS İle Seçili Yazı Arka Plan Rengini Değiştirmek

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.