javascript - 如何在 Jquery Mobile Select Option 中更改突出显示颜色

Question

我有这个选择选项

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

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

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

Answer 1

你不应该这样做。这是下拉菜单的默认行为。有一些方法可以做到这一点。但这些方法并不适用于所有浏览器。更好地转换您的 <select>至 <ul><li>格式化并做任何你想做的事。

否则，使用 jQuery Mobile 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;
    }