CSS attr函数的正确用法是什么?

前端之家收集整理的这篇文章主要介绍了CSS attr函数的正确用法是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
由于这个功能是在IE8中实现的,所以我想看看我能做什么,但是我遇到麻烦让它在除…之前和之后的任何地方工作:css伪元素.是否允许以下​​内容
span[color] { color: attr(color); }

我也在Google Chrome中尝试过,但没有起作用.另外,更多动态的东西,如:

input[value=attr(default)] { color: gray; }

解决方法

在CSS 2.1(这是这些天应该使用什么),attr功能在一定程度上是有限的.唯一可以出现的地方是 :before and :after pseudo-elementscontent财产,所以其唯一的目的就是生成内容.

在CSS 3这个changed a bit中,attr()可能会返回其他类型,而不仅仅是字符串,也可以用于其他属性.

但请注意,CSS 3 is still a Working Draft的大部分功能(不包括价值和单位)都是一个候选推荐.用户代理对CSS 3功能支持目前在有限和不存在之间有所不同.大多数浏览器供应商似乎通过实施“酷的东西”,如圆形边框,文字阴影等,无疑是无聊的.但是你在这里看到的绝对超越了这一点,WD状态在不久的将来不会改变.所以不要指望它在任何地方实现.

猜你在找的CSS相关文章