HTML5 placeholder renk değiştirme

Ne güzel hayatımıza placeholder(bu bir attribute’dir.) girdi ve aşağıdaki aptal kodu yazmıyoruz.

Placeholder attribute kullanımı

Bu attr’yi kullandığımızda verdiğimiz, renk değerini ne verirsel verelim opacity değerini düşürüyor bunu engellemek için aşağıdaki tanımlamayı yapmamız gerekiyor.

 

Burada gördüğünüz gibi placeholder attribute içine yazılan değere opacity değeri veriyor.

Firefox ve IE ailesinde (sadece IE10) opacity ile düzeltebiliyoruz ama Chrome koduna renk kodunu yazmadan düzeltme yapmıyor. // Sebebini anlamadım

Placeholder Internet Explorer10 ve altında çalışmıyor,r bunun için internetten placeholder.js araması yapıp çalışır vaziyete getirebilirsiniz. Ufak bir not

 

Kaynaklar

  • http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css
  • http://www.paulund.co.uk/html5-placeholder

 

Tüm kodlar :

Demo / Ön izleme ->  http://calismalar.aycan.net/placeHolder/