更改JQuery行颜色

Question

我正在创建一个可折叠的元素列表，其顶部有一个过滤器。但是，当用户点击iOS设备上的表行时，该行会变为蓝色一秒钟。这种颜色与我的项目的配色方案不符，所以我想知道是否有人知道如何改变颜色。 JQuery，JQuery Mobile和CSS文件都是本机的本地文件。

以下是iOS模拟器中问题的屏幕截图：

以下是我的项目的实时预览：http://jsfiddle.net/jakechasan/M7LLU/

我试过使用以下但没有运气：

.highlight {
     background-color: red;
}

Answer 1

您需要覆盖ui-btn-active，此类由jQM添加到任何符合a标记的元素。

覆盖.ui-btn-active默认CSS属性，然后!important强制覆盖。

background-color:#38c;
border-color:#38c;
color:#fff;
text-shadow:0 1px 0 #059

---

您可以覆盖它以使用a标记

更改所有元素的'颜色

.ui-btn-active {
  background-color: newColor !important;
}

或者特别是某些小部件，例如可折叠

.ui-collapsible .ui-btn-active {
  background-color: newColor !important;
}

  

<强> Demo