如何更改 jQuery Mobile 选择菜单的颜色?

ori*_*kon 0 html css jquery jquery-mobile

如何在 jQuery Mobile 中动态更改单个选择菜单的颜色(背景和文本),而不影响同一类的其他元素?我尝试了几种方法,包括:

$('#select').css({color:#000});
Run Code Online (Sandbox Code Playgroud)

$('#select').removeClass('ui-btn-up-a').addClass('custom-class');  
Run Code Online (Sandbox Code Playgroud)

我也试过在它之后添加刷新无济于事:

$('#select').selectmenu('refresh');
Run Code Online (Sandbox Code Playgroud)

我正在尝试根据所选值更改颜色,因此我将代码放置在选择菜单的更改事件中,如下所示

$("#select").live("change", function(event, ui) {
    ...
}
Run Code Online (Sandbox Code Playgroud)

我的 HTML 如下:

<select name="select" id="select">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>
Run Code Online (Sandbox Code Playgroud)

感谢您对更改文本颜色或背景颜色的任何帮助!

Phi*_*ord 5

这样的东西有用吗?

$("#select").live("change", function(event, ui) {
    $(this).parent().attr('data-theme','e');
    $('#select').selectmenu('refresh');
});
Run Code Online (Sandbox Code Playgroud)

  • 对于未来的 Google 员工,这对我不起作用,直到我还在父级上调用了 `removeClass('ui-btn-up-' + currentTheme).addClass('ui-btn-up-e')`。之后它工作得很好。可能是较新的 jQm 版本的更改。 (2认同)