如何在JQM 1.4.2中修改图标

Question

我一直在尝试更改JQM中图标的边框颜色，这是我的代码

图片

<div  data-shadow="false" data-theme="c" id="transitionmap"  data-role="page">
<div data-role="header" style="background:#006699 !important;color:#fff;">
<a data-rel="back" href="#pageone"  class="ui-nodisc-icon" data-icon="location" data-iconpos="notext"  data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="d" title="Close">Go to Page One</a>
<h1><?php echo $translate->text('Ubicación Aproximada')?> </h1>
<a data-rel="back"  href="#pageone"  class="ui-nodisc-icon" data-icon="delete" data-iconpos="notext"  data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="d" title="Close">Back</a> 
</div>

</div>

Answer 1

您只需要使用background-color覆盖border-color或!important以强制覆盖。

.ui-header .ui-btn { /* or use a different selector */
  background-color: #fff !important;
  border-color: #000 !important;
}

  

<强> Demo

Answer 2

这确实很棘手。部分问题是1.42中的新图标是具有特定颜色的svgs。我建议用chrome打开你的应用程序，这样你就可以检查所有类的继承性，而不仅仅是ui-icon。我相信你必须针对一系列课程来使这看起来恰到好处。