更改 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