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

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

Last modification：November 14th, 2018 at 08:18 pm
© 允许规范转载
If you think my article is useful to you, please feel free to appreciate