您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

CSS3的attr()在主要的浏览器中不起作用

CSS3的attr()在主要的浏览器中不起作用

查看规范中给出的语法:

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版本。

CSS 2022/1/1 18:22:12 有442人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶