CSS3 ile HTML5 placeholder Renk Değiştirmek

Öncelikle placeholder kavramının ne olduğunu gösteren bir örneği sizlere aktaralım.
placeholder (Kod)

<input type="text" placeholder="Ara.." />

Klasik olarak hiçbir css kullanılmamış placeholder örneği aşağıdaki gibidir.
placeholder (Örnek)
Görüldüğü gibi placeholder varsayılan özellikleri ile gelmektedir. Renk, font vb.. nitelikler varsayılan olarak bu şekilde. Fakat yaptığımız tasarımda biraz da olsa uyumluluk arıyoruz. O nedenle varsayılan değerleri özelleştirmek için css aksiyonu verelim.
Css Kodu

input::placeholder{font-weight:bold;opacity:0.5;color:red;}

Çalışmamızı örneklendirip test edelim.