Question

使用JQM 1.4，我想更改对话框列表中某些特定按钮的背景颜色（仅包含＆＃34; SMALL＆＃34;）。我已经回收了我在JQM 1.3中使用的代码，但没有成功：按钮保持黑色（我使用主题＆＃34; b＆＃34;）。

目前，我只是在li按钮周围添加一个类，如下所示：

JS：

CSS：

$('ul#chosenmodel-menu').find("a.ui-btn:contains(SMALL)").parent().addClass("optionfun");

http://jsfiddle.net/dT2g2/1/

Answer 1

工作示例：http://jsfiddle.net/ukxrF/

这只是改变：

.optionfun a {
        background-color: rgba(6, 180, 200, 0.3) !important;
}

Listview标签具有背景颜色，您需要使用！important 关键字覆盖它。

Answer 2

要更改 listview 项目的background，您需要在 listview 锚点 a添加自定义类>项目li。

select将data-native-menu="false"转换为弹出或对话框，具体取决于屏幕高度和的数量选项。在您的情况下，select转换为对话框，对话框是一个页面。因此，page events会在其上发出。

对话框将收到id，select的{{1}}加id的组合，例如-dialog。在foo-dialog事件期间添加类，以便在显示对话框之前应用样式。

pagecontainerbeforeshow

您也可以在没有$(document).on("pagecontainerbeforeshow", function () { var activePage = $.mobile.pageContainer.pagecontainer("getActivePage"); if (activePage[0].id == "chosenmodel-dialog") { $("ul li a:contains(SMALL)", activePage).addClass("optionfun"); } });的情况下执行此操作，只需遵循CSS特定的选择器（使用firebug / dev工具有点忙乱但可行）。

!important

<强> Demo

jquery mobile 1.4，更改选择对话框列表中某些按钮的背景颜色

2 个答案: