关闭→
当前位置:科普经验站>IT科技>如何设置css3中placeholder的字体颜色

如何设置css3中placeholder的字体颜色

科普经验站 人气:1.5W
placeholder属性是css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占位文本。那么怎样设置它的默认字体颜色呢?接下来就为大家介绍一下设置css3中placeholder的字体颜色的方法。

如何设置css3中placeholder的字体颜色

方法

因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。

如何设置css3中placeholder的字体颜色 第2张

还可以写成下面这样:

如何设置css3中placeholder的字体颜色 第3张

知识点:


单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。
css伪类:CSS 伪类用于向某些选择器添加特殊的效果。
css伪元素:CSS 伪元素用于向某些选择器设置特殊效果。


伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的,用于区分伪类和伪元素。但是伪类兼容现存样式,浏览器需要同时支持旧的伪类, 如:first-line,:first-letter,:before,:after等等。因此对于css2之前已经有的伪元素两种写法的作用是一样的,但是为了兼容IE浏览器还是使用单冒号的写法。

如何设置css3中placeholder的字体颜色 第4张

效果如下图所示:

如何设置css3中placeholder的字体颜色 第5张
TAG标签:#设置 #placeholder #css3 #字体 #