2016-11-22 121 views

回答

3

你不应该做的this.It是dropdown.There的默认行为是一些方法做this.But这些在所有浏览器中都不起作用。 更好地将您的<select>转换为<ul><li>格式并做任何你想做的事情。

否则,使用下拉菜单的jQuery Mobile的data-native-menu="false"属性:下面的CSS

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

及用途:

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

这是正确的答案。如果还想要悬停效果,可以在这里添加:.ui-selectmenu-list .ui-btn:hover {background-color:green!important;} – TheWandererr

1

是的,你需要修改类是ui-state-active

例:

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

它不工作。我也加了!重要但是 – jt25