• * Lütfen en az 5 karakter kullanınız.
  • * En az 8 karakter olmalıdır.
  • Lütfen kullanıcı adı ya da e-posta adresinizi girin. Yeni parola oluşturabilmeniz için e-posta yoluyla bir bağlantı alacaksınız.

Mouse İle Seçilen Metnin Rengi Nasıl Değiştirilir?

css ile yazı rengi değiştirme
  • Beğen

İnternet sitesinde ufak tefek yenilikler, güncellemeler yapmayı seven web sitesi sahiplerinin kolayca uygulayabileceğini Mouse ile seçilen metnin rengini değiştirme işlemi için ufak bir CSS düzenlemesi yapılması gerekmektedir. Birazdan sizinle paylaşacağım kod yardımıyla gerçekleştirebileceğiniz bu işlemi, istediğiniz zaman silerek geri alabilir veya düzenleyerek farklı renkler deneyebilirsiniz.

Mouse ile seçilen metnin rengi nasıl değiştirilir

Mouse ile Seçilen Metnin Rengi Nasıl Değiştirilir?

Mouse ile seçilen metnin rengini değiştirmek için CSS kullanılmalıdır. Web sitesinde her yazıyı özel bir kod ile düzenlemektense tüm sayfalara aynı işlemi uygulamanızı sağlayacak CSS kodu sayesinde kolaylıkla tüm yazılarınızın seçim sırasında arka planlarında yer alan rengi düzenleyebilirsiniz. İster orijinal şekilde mavi kullanmaya devam edebilir, isterseniz kırmızı-yeşil gibi alternatif renkleri tercih edebilirsiniz.

CSS ile Seçilen Metinlerin Rengini Değiştirmek

Kullanmanız gereken kod alt taraftadır fakat bunun öncesinde kodda değiştirmeniz gereken alanlardan kısaca bahsetmek istiyorum.
background-color: alanının ardından gelen # ile başlayan kısım seçili yazının arka plan renk kodudur. Yani seçilen yazı mavi zemin veya kırmızı zemin gibi istediğiniz bir renk üzerinde gösterilmesini sağlar.
color: alanının ardından gelen # ile başlayan kısım seçili yazının renk kodudur. Yani seçilmiş olan yazı arka plan üzerinde hangi renk görüntülenmesini istiyorsanız onu belirtmelisiniz.

Kodda varsayılan olarak girilmiş kodlar arka plan kırmızı, yazı rengi beyaz olacak şekildedir. İşte gerekli CSS kodu;

/*** Mozilla Tabanlı Web Tarayıcıları için ***/
::-moz-selection {
background-color: #ff0000;
color: #ffffff;
}
/*** Tüm Web Tarayıcıları İçin ***/
::selection {
background-color: #ff0000;
color: #ffffff;
}

ETİKETLER
Üzgünüm, bu içerik için hiç etiket bulunmuyor.
OKUYUCU YORUMLARI
  • tankut
    3 hafta önce

    Basit ama işe yarar bir yöntem. Normalde mouse ile seçilen yazının zemin rengi mavi olur. Tüm dökümanlarda ve web sitelerinde böyle. Sizin sitenizde mouse ile metin seçtiğimde pembe renk oluyor. İyi kullanılırsa bence faydalı bir çözüm. Teşekkürler.

    0