小编cpa*_*mer的帖子

在CSS样式中使用自定义标记属性值

本质上我要做的是创建一个CSS样式,可以使用自定义标记属性的值作为它们的值.我已经读过"attr()"函数,它似乎只在以下内容属性中工作:在/之后选择器.基本上我想做类似以下的事情:

HTML

<span fgprop="#ff0000">Some Text</span>
<span fgprop="#00ff00">Other</span>
Run Code Online (Sandbox Code Playgroud)

CSS

span {
    color : attr(fgprop);
}
Run Code Online (Sandbox Code Playgroud)

我现在正在使用的替代方法是使用jQuery css()来设置每个跨度的颜色及其fgprop attr值,但这似乎非常笨重,因为这种方法不会自动对fgprop属性.CSS似乎是最好的地方,因为它只是一个演示级别的转换.

有没有办法做到这一点?(现在我只针对webkit,所以某种特定于-webkit的扩展适用于我的用例,如果这很重要的话).提前致谢!

css html5

1
推荐指数
1
解决办法
511
查看次数

标签 统计

css ×1

html5 ×1