本文摘自PHP中文网,作者青灯夜游,侵删。
在大多数浏览器中,占位符(在输入标记中)为灰色,要如何更改此占位符的颜色?本篇文章就来给大家解释使用css更改占位符颜色的方法,希望对大家有所帮助。如何使用CSS更改占位符颜色?
在css中想要更改占位符的颜色,可以非标准选择器::placeholder来实现,它是用于设置表单输入框占位符的外观,通过该选择器可以改变占位符的样式,例如:颜色。【相关视频教程推荐:CSS教程】
对于不同的浏览器,::placeholder选择器的写法是不同的,下面我们来了解一下。
对于Chrome,Mozilla和Opera浏览器,选择器可以写为:
1 |
|
对于Internet Explorer,选择器需要写为:
1 |
|
对于Internet Edge,选择器需要写为:
1 |
|
代码示例
下面我们通过简单的代码示例来具体了解一下如何使用::placeholder选择器来更改占位符颜色。
示例1:在不同浏览器中使用::placeholder选择器
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
|
输出:
相关阅读 >>
html5 frameset标签的替代方案是什么?frameset标签替代的解决办法
html5中设置或返回音频/视频是否应该被静音的属性muted
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者