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.
::-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; }
Bu element için yazabileceğiniz class’lar ise şöyledir;
font
propertiescolor
background
propertiesword-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
text-indent
opacity
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.