Android 图标背景色也会更改按钮颜色。JQM 1.4.0

我尝试将图标的背景色设置为绿色，而不是默认的浅灰色，但它也会更改整个按钮的背景。我怎样才能防止这种情况？我只想让图标改变颜色

jQuery Mobile 1.4.0

<div data-role="footer" data-position="fixed" data-tap-toggle="false">
    <div data-role="navbar">
       <ul>
          <li><a href="#start" data-icon="home">Start</a></li>
          <li><a href="#" data-icon="check">Test</a></li>
         <li><a href="#" data-icon="gear">Test2</a></li>
      </ul>
   </div><!-- /navbar -->
</div><!-- /footer -->  

更新： ：在关键字解决它之后！由于这个页面是动态的，我想它需要在“之后”而不是“之前”应用CSS

工作CSS（多亏了Omar）

---

jQuery UI图标是设置颜色的，如果您想更改颜色，您需要使用图像编辑程序（根据jQuery移动UI网站的源文件）来进行更改

另一种解决方法是使用基于图标的字体，如font awesome，并使用css，如下所示：

.ui-icon-check{
   color:#FFF; /* Change to Desired Color Hex ( Or RGBA ) */
}

这实际上是

<span class='fa fa-check'/>

---

为了安全起见，不要弄乱字体可怕代码的原始实现。

我们没有足够的信息。我怀疑您的图标是图像，因此您可能无法更改其颜色。如果您使用的是图标字体，则需要更改该字体的“颜色”。请尝试使用伪选择器

：after

.ui图标检查：在

之后。这都是标准的jQuery Mobile。没有自定义图标。我尝试更改ui图标检查图标。我做了一把小提琴，它似乎在1.3中工作，但我使用的是1.4.0版。你能提供更多信息吗？我会小心使用的！重要-它破坏了CSS规则的自然流动。。。无需图像编辑，只需使用css更改颜色即可

.ui-icon-check{
   color:#FFF; /* Change to Desired Color Hex ( Or RGBA ) */
}

<span class='fa fa-check'/>

<span class='fa fa-check my_icon_class' />

.my_icon_class{
    color:#FFF;
}