LOADING

Type to search

Share

Input elementleri için çoğu zaman placeholder kullanırız. Bu komut, içi boş olan bir input için nitelik tanımlayıcı olabilir. Örneğin adınızı yazın gibi bir mesaj verebilirsiniz. Fakat genelde rengi çok açık gri olduğu için ya okunmaz yada sizin tasarımınızda konseptinize uymaz. İşte aşağıda ki kod ile input elementleriniz içinde ki placeholder bölümünün rengini değiştirebilirsiniz.

CSS Kodu

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: red;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: red;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: red;
}
input:-moz-placeholder { /* Firefox 18- */
  color: red;
}
input::-ms-input-placeholder { /* IE Edge */
  color: red;
}

Kullanılabilir Class Değerleri

Bu element için yazabileceğiniz class’lar ise şöyledir;

  • font properties
  • color
  • background properties
  • word-spacing
  • letter-spacing
  • text-decoration
  • vertical-align
  • text-transform
  • line-height
  • text-indent
  • opacity

Tarayıcı Desteği

Chrome Safari Firefox Opera IE Android iOS
4+ 5+ 4+ 15+ 10+ Any Any

Firefox tarayıcısı 18 ve 19+ olarak desteklemektedir. Bazı tarayıcıların major – minor sürümlerinde bu destek bulunmayabilir.

Kolay gelsin.

Tags:
Anthony Burak DURSUN

Adjans Digital Agency CEO, Gömülü sistemler, yazılım, fotoğraf çekmek, tasarım, teknoloji konularına hisli, evli, 4 kedi babası, asabi, anksiyetik bir kişi. Tekrarlayan şeyleri sevmez, her an her şey hakkında yazabilir, konuşabilir. Önceki hayatında marangoz olduğunu düşünüyor.

  • 1

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.