给placeholder属性文字设置颜色兼容性伪类伪元素

最新推荐文章于 2025-06-29 09:09:06 发布

WWWWWWWWolf

最新推荐文章于 2025-06-29 09:09:06 发布

阅读量336

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/yjjjjjj/blog/693242

本文详细介绍了CSS伪类和伪元素的区别及用法，包括单冒号(:)用于伪类，双冒号(::)用于伪元素。此外还提供了不同浏览器内核下伪元素的兼容写法。

2019独角兽企业重金招聘Python工程师标准>>>

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

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

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f00; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #f00; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #f00; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #f00; }

-ms-transform:rotate(7deg); //-ms代表ie内核识别码

-moz-transform:rotate(7deg); //-moz代表火狐内核识别码

-webkit-transform:rotate(7deg); //-webkit代表谷歌内核识别码

-o-transform:rotate(7deg); //-o代表欧朋【opera】内核识别码

transform:rotate(7deg); //统一标识语句。。。最好这句话也写下去

转载于:https://my.oschina.net/yjjjjjj/blog/693242