点击时无法更改超赞的图标颜色

Question

我无法在超棒的 i 标签上赋予颜色。

相反，我可以给i：before颜色，它可以工作。

但是问题是当我想更改单击时的颜色时，：before元素不起作用。

我试图给css像i：active：before {color：green}一样，但是没有用。

    <!--HTML-->
    <i class="fa fa-thumbs-up"></i>

    <!--CSS-->
    i:active::before{color:green}

我希望输出应该是click上的绿色图标。但是它不起作用。请帮忙。

Answer 1

您必须使用JavaScript。

let icon = document.querySelector('i');
icon.addEventListener('click',function(){
  icon.style.color = "green";
})