如何使用CSS更改占位符颜色？
导读： 如何使用CSS更改占位符颜色？ 在css中想要更改占位符的颜色，可以非标准选择器::placeholder来实现，它是用于设置表单输入框占位符的外观，通过该选择器可以改变占位符的样式，例如：颜色。【相关视频教程推荐：CSS教程】...
如何使用CSS更改占位符颜色？
在css中想要更改占位符的颜色，可以非标准选择器::placeholder来实现，它是用于设置表单输入框占位符的外观，通过该选择器可以改变占位符的样式，例如：颜色。【相关视频教程推荐：CSS教程】
对于不同的浏览器，::placeholder选择器的写法是不同的，下面我们来了解一下。
对于Chrome，Mozilla和Opera浏览器，选择器可以写为：
::placeholder
对于InternetExplorer，选择器需要写为：
:-ms-input-placeholder
对于InternetEdge，选择器需要写为：
::-ms-input-placeholder
代码示例
下面我们通过简单的代码示例来具体了解一下如何使用::placeholder选择器来更改占位符颜色。
示例1：在不同浏览器中使用::placeholder选择器
CSS更改占位符颜色
::placeholder{
/*Firefox,Chrome,Opera*/
color:blue;
font-size:15px;
}
:-ms-input-placeholder{
/*InternetExplorer10-11*/
color:red;
font-size:15px;
}
::-ms-input-placeholder{
/*MicrosoftEdge*/
color:orange;
font-size:15px;
}
更改占位符颜色
本文转载自中文网
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 如何使用CSS更改占位符颜色？
本文地址： https://pptw.com/jishu/664703.html