Javascript 如何更改引导图示符图标的颜色。？

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

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

我在单击图标时调用javascript函数。我还想更改图示符图标的颜色，如下图所示。我试着改变Gypicon的背景色，但它没有给我想要的输出。 **更新“'更改glypicon的style.color时，它只更改glypicon的颜色，但不使用所需的颜色填充glypicon。第一个图像是原始图示符图标。第二个图像是期望的结果。第三幅图像是更改glyphicon背景色时的glyphicon。第四幅图显示了将glyphicon的style.color更改为红色时glyphicon的情况。 试试这个

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

函数addToFav（ths）{
ths.style.color=“#ffea00”；
}

试试这个

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

函数addToFav（ths）{
ths.style.color=“#ffea00”；
}

您可以随时更改颜色、背景色、填充等更改方式

---

您可以随时更改颜色、背景色、填充等更改它

如果我理解正确，您想将星形从黑色轮廓更改为填充黄色星形吗？如果是这样，那么您不仅需要更改设置

颜色的样式

，还需要将类

glyphicon星形空

替换为类

glyphicon星形

如果我正确理解了问题，您想将星形从黑色轮廓更改为填充的黄色星形吗？如果是这样，那么您不仅需要更改设置

颜色的样式

，还需要将类

glyphicon星形空

替换为类

glyphicon星形

以下代码最适合我。在glyphicon的类列表中，我添加了两个类，一个是填充星的类，另一个是空星的类。空的星形类写在星形类之后，因此它覆盖了填充的星形类，因此，最初我在屏幕上得到空的开始。代码如下

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

---

下面的代码最适合我。在glyphicon的类列表中，我添加了两个类，一个是填充星的类，另一个是空星的类。空的星形类写在星形类之后，因此它覆盖了填充的星形类，因此，最初我在屏幕上得到空的开始。代码如下

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

---

---

在Gypicon中，您只能更改

颜色

而不能更改

背景颜色

。使用带有

填充的SVG来完成此操作。如何使用SVG？你能分享一些代码吗？我已经找到了一个简单的解决方案。谢谢。在Gypicon中，您只能更改
颜色
而不能更改
背景颜色
。使用带有
填充的SVG来完成此操作。如何使用SVG？你能分享一些代码吗？我已经找到了一个简单的解决方案。谢谢。这不会让星星变成黄色。它只是改变了字形的颜色。我已使用将style.color更改为红色的图像更新了问题。请使用此图标。。这给了我一个黑色的字形图标。如何将颜色更改为黄色。还有，我如何通过点击按钮来更改类。明白了。我可以更改颜色属性以更改颜色填充。如何在单击按钮时更改glyphicon的类别？这不会用黄色填充星形。它只是改变了字形的颜色。我已使用将style.color更改为红色的图像更新了问题。请使用此图标。。这给了我一个黑色的字形图标。如何将颜色更改为黄色。还有，我如何通过点击按钮来更改类。明白了。我可以更改颜色属性以更改颜色填充。如何在单击按钮时更改glyphicon的类别？我已尝试更改背景颜色和颜色。它没有给我想要的输出。我将分享小提琴等待，这将是非常有帮助的。还请注意，我使用的是glyphicon star empty。在上面的链接中，你可以找到两种颜色，一种是图标颜色，另一种是图标背景颜色。我想，这有点混乱。所需的输出是上面的第二幅图像。我已经尝试过更改背景颜色和颜色。它没有给我想要的输出。我将分享小提琴等待，这将是非常有帮助的。还请注意，我使用的是glyphicon star empty。在上面的链接中，你可以找到两种颜色，一种是图标颜色，另一种是图标背景颜色。我想，这有点混乱。所需的输出是上面的第二幅图像。