CSS İle Seçilen Yazıların Rengini Değiştirme

Css de Mouse ile Seçilen Yazının Rengini Nasıl Değiştirirsiniz ?

css de mouse ile secilen yazi rengini degistirme

Sayfanızı css ile bir güzel renklendirdiniz ya da tasarımınızın renkleri tam istediğiniz gibi oldu, ama bir sorun var. mouse ile seçilen yazının rengi sayfa renklerinize uymuyor ve sırıtıyor. ya da o kısmın renklerini de değiştirip sayfanızın renk uyumunu tamamlamak istiyorsunuz. Css de mouse ile seçilen yazının rengini değiştirme nin kolay bir yolu var. Hemen css kodlarımınız vereyim ve sizde işinizi kolayca halledin.

Aşağıda iki adet css kod örneği göreceksiniz. ilk örnekte Firefox için olan (::-moz-selection) Diğer örnekte de standart tarayıcılar için kullanılan (::selection) örnek.

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

Bu kodları herhangi bir kısım içinde kullanabilirsiniz. tek yapmanız gereken ?

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

NOT: şu an okuduğunuz bu yazıyı mouse ile seçerseniz rengin turuncu olduğunu göreceksiniz.

Mesaj 3 Comments

  1. mamo dedi ki:

    Merhaba, Allah razı olsun sitemde css ile ilgili renk değiştirme problemlerim oluyordu artık çözebileceğim sayenizde inşallah.. 😀

  2. Farklı WEB dedi ki:

    Biliyordum ama bilmiyenler için çok yararlı geniş anlatılımış.

  3. alihan dedi ki:

    Bende tam olarak bunu arıyordum teşekkür ederim.

Leave A Reply