CSS系列之修改 input 元素的 placeholder 样式的方式

---

我们时常需要跟input输入框打交道，很多情况下都要对placeholder的内容进行修改，例如：

<input placeholder="placeholder" />

默认情况下的显示如下：

我们没法直接对input元素设置样式来更改placeholder，需要通过伪元素 ::-webkit-input-placeholder 的方式来修改样式：

::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: red;
}
:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: red;
}
::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: red;
}
:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: red;
}

显示的效果如下：

参考

1. 修改input元素placeholder样式的方法

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！