因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定。
1 2 3 4 5 6 7 8 9 10 11 12 |
::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } |
textareas的代码,如下:
1 2 3 4 5 6 |
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #636363; } input:-moz-placeholder, textarea:-moz-placeholder { color: #636363; } |