CSS 修改 placeholder 的文字颜色

针对 INPUT 标签 placeholder 的样式,StackOverflow 上面有一个高分回答,兼容性还不错,适合多种浏览器,特意记录下来,以后留用。

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #909;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #909;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #909;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #909;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #909;
}

效果

comments powered by HyperComments