Search jQuery

jQuery Forum

in jQuery Mobile • 7 years ago

I am using jquery.mobile-1.3.0 and jquery-1.10.2 with jquery.mobile-1.3.0.min.css and jquery.mobile.structure-1.3.0.min.css

I would like to change the background color of a <select> box but I cannot get it to work. I can change the background color of a <div> with:

But if I try and do something similar with a select box nothing happens. Here is an example of what I have tried:

I have also tried using "background-color" instead of "background".

What am I doing wrong

Replies(1)

7 years ago

Hi Stephen.

You need to apply the background color to the button that is part of the select div structure. You need to have something like this.

.ui-select > .ui-btn{

background: red !important;

}

Another point I noticed in the above code that you have, you have applied background color to the options and not the select.

Hope this helps!

Cheers!
Shreerang
Web Developer
Spatial Unlimited