css - placeholder için stil tanımlama

HTML kodlarken input elemanlarına açıklama veya kullanım örneği verebilmek için çok sık kullanılan placeholder özelliğini biliyorsunuzdur. (Bilmeyenleri şöyle alalım: placeholder)

Yapılan tasarıma ve kullanılan renklere göre tarayıcıların varsayılan ayarlarında bulunan placeholder font rengi, sizin tasarımınız ve kullandığınız renkler ile uyumsuz olabiliyor. Bende bu durumla alakalı olarak bir sorun yaşadım, bunu değiştirmenin bir yolu var mı diye araştırma yaptım ve placeholder özelliği için kendi css tanımlamalarınızı yapabileceğiniz bir kod buldum. 

Şöyle buyrun:

::-webkit-input-placeholder { color:#bbb; }
:-moz-placeholder { color:#bbb; opacity:1; }
::-moz-placeholder { color:#bbb; opacity:1; }
:-ms-input-placeholder { color:#bbb; }

Yukarıdaki şekilde placeholder özelliklerini css ile yakalayabiliyor ve stil tanımlayabiliyorsunuz. Başka css özellikleri de deneyebilir, olumlu sonuçlar alırsanız yorum bırakarak beni de bilgilendirebilirsiniz. 

Umarım ihtiyacı olanlara yardımcı olur. 

Kodla kalın!