如何给input、textarea的placeholder属性设置字体颜色？

104828720 发布于2019-08-28 17:56 / 411人阅读

摘要：伪元素伪元素用于向某些选择器设置特殊效果。双冒号是在当前规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，如等等。

代码如下：
input::-webkit-input-placeholder {
color: #D6D0CA !important; /* WebKit browsers /
}
input:-moz-placeholder {
color: #D6D0CA !important; / Mozilla Firefox 4 to 18 /
}
input::-moz-placeholder {
color: #D6D0CA !important; / Mozilla Firefox 19+ /
}
input:-ms-input-placeholder {
color: #D6D0CA !important; / Internet Explorer 10+ */
}

知识点：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。
css伪类：CSS 伪类用于向某些选择器添加特殊的效果。
css伪元素：CSS 伪元素用于向某些选择器设置特殊效果。
伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，如:first-line,:first-letter,:before,:after等等。因此对于css2之前已经有的伪元素两种写法的作用是一样的，但是为了兼容IE浏览器还是使用单冒号的写法；

伪元素和伪类的区别详解请看 http://segmentfault.com/blog/stephenlee/1190000000484493

云服务器 GPU云服务器字体颜色设置 html设置颜色字体 html的字体颜色如何给网页设置cdn

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/110909.html

前端遇到的那些技术难点

摘要：目前主流的屏幕或者。产生原因在中，手指按住屏幕上下拖动，会触发事件。或者可以加入我的开发交流群相互学习，我们会有专业的技术答疑解惑如果你觉得这篇文章对你有点用的话，麻烦请给我们的开源项目点点不胜感激移动端兼容css篇移动端的 1px问题描述：1px 的边框。在高清屏下，移动端的 1px 会很粗。产生原因：首先先要了解一个...

番茄西红柿 2021-11-22 15:29 评论0 收藏2637
解决input 中placeholder的那些神坑

摘要：昨天后台小哥哥提到无法显示问题，我这边总结一下，顺便写个小文章分享给大家。。 **昨天后台小哥哥提到placehold无法显示问题，我这边总结一下，顺便写个小文章分享给大家。。** ============================================== 一、解决ie9以下input 无placeholder问题解决方案一：jquery实现当浏览器不支持...

chnmagnus 2019-08-29 16:56 评论0 收藏0
解决input 中placeholder的那些神坑

摘要：昨天后台小哥哥提到无法显示问题，我这边总结一下，顺便写个小文章分享给大家。。 **昨天后台小哥哥提到placehold无法显示问题，我这边总结一下，顺便写个小文章分享给大家。。** ============================================== 一、解决ie9以下input 无placeholder问题解决方案一：jquery实现当浏览器不支持...

bigdevil_s 2019-08-02 11:41 评论0 收藏0
解决input 中placeholder的那些神坑

摘要：昨天后台小哥哥提到无法显示问题，我这边总结一下，顺便写个小文章分享给大家。。 **昨天后台小哥哥提到placehold无法显示问题，我这边总结一下，顺便写个小文章分享给大家。。** ============================================== 一、解决ie9以下input 无placeholder问题解决方案一：jquery实现当浏览器不支持...

ingood 2019-08-23 12:17 评论0 收藏0
[总结]CSS/CSS3常用样式与web移动端资源

摘要：不允许负值用百分比来定义缩放比例。解决这个很简单，在父元素中使用即可解决该。列宽度由单元格内容设定。定义仅有大写字母。不过，要让任何元素生效还得借助于一点点。 css/css3常用样式 CSS修改选中文字的颜色 html代码：第一段文字选中效果第二段文字选中效果 css代码： .p1::selection{background:red;color:#fff;} .p2::selec...

The question 2019-08-28 17:54 评论0 收藏0