如上,input的placeholder属性我们无需修改,但是如果恰巧我们设置的背景色和placeholder默认颜色一样的话,尴尬的事情就发生了,很小的一个问题会耽误我们不少时间查找什么原因造成的。
通过css样式设置input中placeholder字体颜色代码如下:
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
/*WebKitbrowsers*/
color:#333;
font-family:"MicrosoftYahei","LucidaGrande","LucidaSansUnicode","STHeiti","Helvetica","Arial","Verdana","sans-serif";
}
input:-moz-placeholder,textarea:-moz-placeholder{
/*MozillaFirefox4to18*/
color:#333;
}
input::-moz-placeholder,textarea::-moz-placeholder{
/*MozillaFirefox19+*/
color:#333;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
/*InternetExplorer10+*/
color:#333;
}
当然,也可以修改字体样式、大小等属性。