如何在 Jquery Mobile Select 选项中更改突出显示颜色

Question

我有这个 select 选项

是否可以将突出显示颜色从 skyblue 更改为其他 color？

我正在使用 jquery.mobile-1.4.5.min.js/css

注意：我也在尝试在开发人员工具中进行编辑，但我找不到任何可编辑的元素。

Answer 1

是的，您需要修改的class是ui-state-active

例如：

.ui-state-active {
   background: red;
}

Answer 2

你不应该这样做 this.It 是 dropdown.There 的默认行为是一些可以做到的方法 this.But 这些并不是在所有浏览器中都有效。最好将 <select> 格式转换为 <ul><li> 格式，然后随心所欲。

否则，使用 jQuery 移动设备 data-native-menu="false" 属性的下拉菜单：

<select id="selectID" data-native-menu="false">
  <option value="one">One</option>
  <option value="two">Two</option>
  <option value="three">Three</option>
  <option value="four">Four</option>
</select>

并使用以下 css :

 .ui-selectmenu-list .ui-btn-active {
    background-color: green !important;
    border-color: green !important;
    }

如何在 Jquery Mobile Select 选项中更改突出显示颜色

How to change highlight color in Jquery Mobile Select Option

html

javascript

jquery

jquery-ui

jquery-mobile