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

Question

我有这个选择选项

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

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

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

Answer 1

您不应该这样做，这是下拉菜单的默认行为。有一些方法可以执行此操作，但是这些方法并非在所有浏览器中都有效。 最好将您的<select>转换为<ul><li>格式，然后执行您想要的任何操作。

否则，请使用下拉data-native-menu="false" 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;
    }

Answer 2

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

例如：

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