I have select. I it I have some of items.
I need to change style of it
Here is html of this select
<ul class="facilities hide-small">
<li class="airline">
<select name="search[airline]" id="search_airline" class="custom">
<option value="">Alla</option>
<option value="SK">SAS</option>
<option value="DY">Norwegian</option>
<option value="EI">Aer Lingus</option>
<option value="SU">Aeroflot</option>
<option value="AR">Aerolineas Argentinas</option>
<option value="AM">Aeromexico</option>
<option value="BT">Air Baltic</option>
<option value="AC">Air Canada</option>
<option value="CA">Air China</option>
<option value="UX">Air Europa</option>
<option value="AF">Air France</option>
<option value="AI">Air India</option>
<option value="NZ">Air New Zealand</option>
</select>
</li>
I need to change style of options, so I wrote this in css.
#search_airline.ui-menu-item-wrapper{
background: #e4e4e4;
color: #2311b2;
font-size: 14px;
border: 1px solid #b9b9b9;
border-radius: 0px 0px 3px 3px;
font-family: 'Roboto Condensed', sans-serif;
}
But it not works
If i wrote like this
.ui-menu-item-wrapper{
background: #e4e4e4;
color: #2311b2;
font-size: 14px;
border: 1px solid #b9b9b9;
border-radius: 0px 0px 3px 3px;
font-family: 'Roboto Condensed', sans-serif;
}
All works great
Here is screenshot
where is my problem can be?