CSS: Selection Özelliği

Mer­haba arka­daş­lar, bugün temamda ufak deği­şik­lik­ler yapar­ken kul­lan­dı­ğım bu özel­liği bu yazımda siz­lere anla­ta­ca­ğım. Selec­tion keli­me­sin­den de anla­ya­bi­le­ce­ği­niz gibi, bu CSS özel­liği saye­sinde, say­fa­nızda yazı bir yazı seçil­diği andaki görü­nümü değiştirebileceğiz.

Nasıl yani? Diye sorar­sa­nız, nor­malde bir web say­fa­sında bu özel­lik yoksa, seçi­len yazı şu şekilde gözükür:

Eğer web site­nizde bir yazı seçil­di­ğin­deki görü­nü­münü değiş­tir­mek isti­yor­sa­nız, aşa­ğı­daki kod­ları kullanacaksınız:

::-moz-selection{background:#0C386E; color:#FFF;} /*mozilla firefox'da geçerli olacak olan kod*/
::selection {background:#0C386E; color:#FFF;} /*webkit'de geçerli olacak olan kod*/
a::-moz-selection{background:#8c0038; color:#FFF;}
a::selection{background:#8c0038; color:#FFF;}

Örnek ola­rak aşa­ğıya bir resim ekle­dim, ayrıca kendi tasa­rı­mımda da aktif olan bir özellik.

Ben yal­nızca arkap­lan ve yazı ren­giyle oynama yap­tım, ki burada değiş­ti­ri­lecek başka bir şey de göre­mi­yo­rum. Tabii siz dene­ye­bi­lir­si­niz