CODEWITHSUNDEEP
jqueryjquery-mobile
user3189644
user3189644

Reputation: 177

jQuery Mobile select menu data-native-menu="false" selected item color

I want to change jQuery Mobile select menu active item color from blue(default) to red. For some reason I can not get my code to work.

Here is my code so far in a JSFiddle

Upvotes: 1

Views: 365

Answers (1)

krlzlx
krlzlx

Reputation: 5822

Change the css like this:

.ui-btn.ui-btn-active {
  background-color: red !important;
}
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<link href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" rel="stylesheet" />

<select id="colormenu" data-mini="true" data-native-menu="false">
  <option value="sel1">test1</option>
  <option value="sel2">test2</option>
  <option value="sel3">test3</option>
  <option value="sel4">test4</option>
</select>

Upvotes: 1

Related Questions