CSS Placeholder Seçicisi İle Renklendirme

Bir HTML5 attribute u olan placeholder ı bu yazımda yazmıştım, fakat placeholder tanımlanan inputun placeholder rengini değiştirmemiştik, bu yazıda Webkit ve Moz tarayıcılarda placeholder seçicisini kullanacağız. Öncelikle bir placeholder değeri olan input oluşturalım.

		<form id="form">
			<p><input name="isim" type="text" placeholder="Adınızı Girin"/></p>
			<p><input name="soyisim" type="text" placeholder="Soyadınızı Girin"/></p>
			<p><input name="mail" type="text" placeholder="Mail Adresinizi Girin"/></p>
		</form>

Şimdi de CSS seçicimize gelelim;

			input::-webkit-input-placeholder	{ 
				color:#445AD4; 
			}
			input:-moz-placeholder { 
				color:#445AD4; 
			}

Gördüğünüz gibi seçicimizi kullandık, örneği incelemek için tıklayın.