更改选择菜单项（CSS）的样式[重复]

Question

我有选择。我有一些商品。

我需要改变它的风格

这里是这个选择的html

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

我需要更改选项的样式，所以我在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;
}

但它不起作用

如果我这样写

.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;
}

一切都很好

以下是截图

我的问题在哪里？

Answer 1

您不能设置< code >选项字段的样式。因为它存在跨浏览器问题。你可以用Select2代替。

Answer 2

您不能更改< code >的样式