Chrome
支持input=[type=text]
占位文本属性,但下列CSS样式却不起作用:
CSS
input[placeholder], [placeholder], *[placeholder] {
color:red !important;
}
HTML
<input type="text" placeholder="Value" />
运行结果值还是灰色,Color:red没有作用。有什么方法可以修改占位文本的颜色吗?我在浏览器里安装了jQuery占位文本插件,但仍然无用。
做了兼容
input::-webkit-input-placeholder {
/* WebKit browsers */
color: #dddddd;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #dddddd;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #dddddd;
}
input::-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #dddddd;
}
嗯,需要将input换成类名,才可以生效。
哈哈哈哈很好