为input中的placeholder属性修改文本颜色

博主： Yawee
发布时间：2018 年 11 月 14 日
6793 次浏览
2 条评论
541字数
分类：学无止境

众所周知，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>

这样就可以实现我们想要的效果啦 ::qq:tp::

最后修改：2018 年 11 月 14 日