單擊時無法更改字體真棒圖標顏色

Question

我無法在 font-awesome 的i標簽上賦予顏色。

相反，我可以為 i:before 賦予顏色，它可以工作。

但問題是當我想在點擊時更改顏色時，:before 元素不起作用。

我試圖給 css 像 i:active:before{color:green} 但它沒有用。

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

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

我希望 output 應該是點擊時的綠色圖標..但它只是不起作用。 請幫忙。

Answer 1

您必須使用 JavaScript。

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

Answer 2

你不能直接給標簽顏色，你可以給它的父標簽顏色。