问CSS Attr绑定到伪元素背景图像属性
EN

Stack Overflow用户

提问于 2013-11-22 05:08:12

回答 1查看 1.2K关注 0票数 0

我在html元素上有一个数据属性。

data-tmpltImage="{{swatchImgUrl}}"

我的问题是如何设置这些元素：：在伪元素的背景图像之前，下面是.

.element::before
{
 background:url(attr(data-tmpltImage));
}

如果这是不可能的，我如何使用JQuery实现这一点？

回答已采纳

发布于 2013-11-22 05:40:11

没有办法选择伪元素，因为它们不是dom的一部分。因此，不能将样式应用于任何带有js的伪元素。

但是，您可以将css添加到页面中，如下所示：

var bg = $('.element').data('tmpltImage');
$('head').append('<style>.element::before{background-image: url(' + bg + ')}</style>');

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20137421

复制

相似问题

问CSS Attr绑定到伪元素背景图像属性EN