javascript - 如何更改 bootstrap glyphicon 的颜色。？

Question

如何更改星形字形的颜色？我的代码是

<span  class="glyphicon glyphicon-star-empty " onclick = "addToFav()">      </span> 

我在点击 glyphicon 时调用了一个 javascript 函数。我还想更改字形的颜色，如下图所示。我尝试更改 gyphicon 的背景颜色，但它没有给我所需的输出。**Update"' 在改变 glyphicon 的 style.color 时，它只是改变了 glyphicon 的颜色，但没有用所需的颜色填充 glypicon。第一个图像是原始的 glyphicon。第二个图像是所需的结果. 第三张图片是改变字形图标背景色的字形图 第四张图片显示了将字形图标的 style.color 更改为红色时字形图标发生了什么。

Answer 1

试试这个。

 <span  class="glyphicon glyphicon-star-empty " onclick = "addToFav(this)"> </span> 
<script>
    function addToFav(ths){
        ths.style.color = "#ffea00";
    }
</script>