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

Author： Yawee
发布时间：November 14, 2018
1006 views
2 comments
556 字数
Categories：学无止境

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

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