Input Placeholder Rengi Değiştirme (Pure CSS)

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:
• color:
• background:
• 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.