使用 js 设置伪元素样式

由于特殊原因,需要在 js 中设置伪元素的样式,发现并没有基于JS直接选取DOM元素方式设置伪元素的方法。

BUT, 我们可以这样:

document.styleSheets[0].insertRule('.test::before{color:green}',0)//chrome,firefox
document.styleSheets[0].addRule('.test::before{color:green}',0)// IE 浏览器

我们还可以这样:

var style=document.createElement('style');
style.innerHTML=".test::before{color:green}";
document.head.appendChild(style);

Over!

发表评论

电子邮件地址不会被公开。