用js实现before和after伪类的样式修改

发布单位: 发布人:张鑫鑫 发布时间:2019/5/3 17:48:38 关注度:389

案例:滚条验证设计中,未滚动到右侧时,按纽为拉动符号,滚动右侧验证位时,按纽符号变成验证通过符。


验证前:双右箭头


.btn::before{content:'\f101';font-size:20px}

var css = function (t, s) {

s = document.createElement('style');
s.innerText = t;
document.body.appendChild(s);

};

css('.btn:before{content:\'\\f00c\'}');

验证后:成功勾选符