<input name="user" type="text" placeholder="联系人">
如上，input的placeholder属性我们无需修改，但是如果恰巧我们设置的背景色和placeholder默认颜色一样的话，尴尬的事情就发生了，很小的一个问题会耽误我们不少时间查找什么原因造成的。
通过css样式设置input中placeholder字体颜色代码如下：
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
/* WebKit browsers */
color: #333;
font-family: "Microsoft Yahei","Lucida Grande", "Lucida Sans Unicode", "STHeiti", "Helvetica","Arial","Verdana","sans-serif";
}
input:-moz-placeholder, textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #333;
}
input::-moz-placeholder, textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #333;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #333;
}
当然，也可以修改字体样式、大小等属性。
相关文章
精彩导读
热门资讯
联系博主