css - 如何在 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

您只需用 !important 覆盖 background-color 或 border-color 即可强制覆盖。

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

Demo