当前第2页 返回上一页
● 没有使用::placeholder选择器
● 在谷歌浏览器中
● 在Internet Explorer浏览器中
示例2：在input标签的email属性、textarea标签中使用占位符选择器
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS更改占位符颜色</title>
<style>
input[type="email"]::placeholder { /* Firefox, Chrome, Opera */
color: blue;
font-size: 15px;
}
textarea::placeholder { /* Firefox, Chrome, Opera */
color: red;
font-size: 15px;
}
</style>
</head>
<body>
<div class="demo">
<p>更改占位符颜色</p>
<input type="email" placeholder="请输入email...."> <br /><br />
<textarea rows="10" cols="50" placeholder="请输入email...."></textarea>
</div>
</body>
</html>
|
输出：
说明：
占位符选择器可以应用于input标签的任何属性（文本，电话，密码等），以突出显示任何不同属性的颜色变化。
以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。更多精彩内容大家可以关注php中文网相关教程栏目！！！
以上就是如何使用CSS更改占位符颜色？（代码示例）的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
css怎么写圆形
html5如何实现文件异步上传功能的实例分析
css和javascript之间有什么区别
css如何设置td溢出隐藏
js怎么修改css属性
css怎么去掉input边框
解析html5中的标签嵌套规则
iconfont图标引用的方法步骤（代码）
快速开发基于html5网络拓扑图应用的详解（图文）
css怎么去掉边框
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 如何使用CSS更改占位符颜色？（代码示例）
