查看规范中给出的语法:
attr( <attr-name> <type-or-unit>? [ , <fallback> ]? )
.window > .content .wbutton.tint {
border: solid thin attr(data-tint color);
@R_678_2419@-shadow: inset 0 0 50px attr(data-tint color);
}
但是,即使您使用正确的语法,也不会起作用。事实证明,截至
2012年
… 2020年。更糟糕的是,截至最新的规范编辑草案仍存在风险。
但是,并不是所有的东西都丢失了:如果您希望在即将到来的浏览器中实现此功能,仍然有时间在相关的反馈渠道中提出建议!这是到目前为止已经提出的建议:
记录在案,所有主要浏览器的最新版本(包括IE8+和Firefox2+)都完全支持基本的[2.1版],并与content
属性:before
和:after
用于生成内容的伪元素一起使用。MDN浏览器兼容性表仅适用于此版本,而不适用于CSS3版本。