كيف أغير placeholder في html5 باستعمال css؟

عليك بتحديد ثلاث خصائص في ملف css نظرا لاختلافها من متصفح لآخر:

Safari, Google Chrome, Opera 15+)) نستعمل : ::-webkit-input-placeholder.

(Mozilla Firefox 4 to 18+) نستعمل :-moz-placeholder

وبالنسبة للأنترنت إكسبلورو 10 نستعمل -ms-input-placeholder.

 كمثال على كود Css 

/* WebKit browsers */
::-webkit-input-placeholder {
color:    #909;
}

/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {

color:    #909;
opacity:  1;
}

/* Mozilla Firefox 19+ */
::-moz-placeholder {

color:    #909;
opacity:  1;
}

/* Internet Explorer 10+ */
:-ms-input-placeholder {

color:    #909;
}