更改jQuery行颜色

Question

I am creating a collapsable list of elements, that has a filter at the top. However, when a user taps on the table row on iOS devices, the row becomes blue for a second. This color does not match the color scheme of my project, and so I am wondering if someone knew how to change the color. JQuery, JQuery Mobile, and the CSS file are all local to the machine.

Here is a screenshot of the issue in the iOS Simulator:

Here is a live preview of my project: http://jsfiddle.net/jakechasan/M7LLU/

I have tried using the following with no luck:

.highlight {
     background-color: red;
}

Answer 1

You need to override ui-btn-active , this class is added by jQM to any element that accommodates a tag.

Override .ui-btn-active default CSS properties followed by !important to force override.

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

---

You can either override it to change its' color on all elements with a tag,

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

Or specifically on some widgets , eg collapsible .

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

Demo