Loading... 众所周知,input的placeholder属性文字颜色是默认的灰色,而我们写一个项目难免会遇到设计图里要求它是其他颜色的,经我测试,使用`input[placeholder]`这种写法是没有作用的。 翻阅了一些资料我明白,原来这玩意儿有个专属的伪元素及伪类的写法,直接附上代码 ``` <style> ::-webkit-input-placeholder { /* WebKit browsers */ color: white; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: white; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: white; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: white; } </style> ``` 这样就可以实现我们想要的效果啦 <img src="https://static.chinsea.net/yaw.ee/assets/img/emotion/qq/tp.png" class="emotion-qq"> 最后修改:2018 年 11 月 14 日 08 : 18 PM © 允许规范转载 赞赏 如果觉得我的文章对你有用,请随意赞赏 ×Close 赞赏作者 扫一扫支付 支付宝支付 微信支付
So?
文章不错非常喜欢