设置输入框input中placeholder属性的字体颜色、字号

一、须知

placeholder属性是css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占用文本。

二、设置placeholder文字颜色、字号

方式1、因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定（可以在冒号前面写input和textarea）。

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

::-webkit-input-placeholder{ /*Webkit browsers*/      color:#999;      font- size :16px; } :-moz-placeholder{ /*Mozilla Firefox 4 to 8*/     color:#999;     font- size :16px; } ::moz-placeholder{ /*Mozilla Firefox 19+*/     color:#999;     font- size :16px; } :-ms-input-placeholder{ /*Internet Explorer 10+*/      color:#999;      font- size :16px; }

方式2、建议使用该方式，如果是在手机客户端webview只使用-webkit内核方式即可。

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:# 666 ; font-size:16px; }   input:-moz-placeholder,textarea:-moz-placeholder{ color:# 666 ; font-size:16px; }   input::-moz-placeholder,textarea::-moz-placeholder{ color:# 666 ; font-size:16px; } input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:# 666 ; font-size:16px; }