CSS3 ile Seçili Alanı Renklendirin

css-secili-alan CSS3 ile web sayfanızda fareyle seçilmiş alanları bile stilize edebilirsiniz. Kütüphanemize eklenen selection tanımlaması Chrome 4.0, IE 9, Firefox 2.0 (-moz), Safari 3.1, Opera 9.6 ve üzeri tüm tarayıcılarda çalışmakta.

Web sayfanız eğer Adobewordpress gibi uzun yazılardan ve alıntılanması gereken içeriklerden oluşuyorsa siz de sitenizin “seçilen alan rengi” ile oynayın.

Selection tanımı nasıl yapılır?

Tek yapmanız gereken aşağıda paylaştığımız CSS kodlarını web sayfanıza eklemeniz. Eğer WordPress kullanıcısı iseniz yönetici panelinizden Görünüm > Düzenleyici alanına giderek style.css’e erişebilir, eklemeleri açılan dosya altından yapabilirsiniz.

::selection{ background-color: black; color: white; }
::-moz-selection{ background-color: black; color: white; }

Örneklendirme

İkincil bir örneğe gerek mi var? Şuanda okumakta olduğunuz bu cümleyi fareniz ile tarayın yeter. Sarı renk hoşunuza gitmedi mi? CSS’in tüm renk tanımlarına buradan erişebilir, kendi renklerinizi seçebilirsiniz :

CSS Renk İsimleri