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

使用jqm1.4，我想更改对话框列表中某些特定按钮的背景色（仅包含“SMALL”的按钮）。我回收了我在jqm1.3中使用的代码，但没有成功：按钮保持黑色（我使用主题“b”）

现在，我只是在

a

按钮周围向

li

添加一个类，如下所示：

JS:

CSS:

工作示例：

这是唯一的改变：

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

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

工作示例：

这是唯一的改变：

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

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

工作示例：

这是唯一的改变：

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

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

工作示例：

这是唯一的改变：

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

---

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

要更改listview项的

背景

，您需要将自定义类添加到listview项

中的锚定
a

带有
数据本机菜单=“false”
的
选择将转换为弹出窗口或对话框，具体取决于屏幕高度和选项数量。在您的例子中，
select
被转换为一个对话框，该对话框是一个页面。因此，会在其上发射

对话框将收到一个
id
，它是
select
的
id
加上
-对话框的组合，例如
foo对话框
。在
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工具是可行的）


要更改listview项的
background
，需要将自定义类添加到listview项
li
中的锚定
a

带有
数据本机菜单=“false”
的
选择将转换为弹出窗口或对话框，具体取决于屏幕高度和选项数量。在您的例子中，
select
被转换为一个对话框，该对话框是一个页面。因此，会在其上发射

对话框将收到一个
id
，它是
select
的
id
加上
-对话框的组合，例如
foo对话框
。在
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工具是可行的）


要更改listview项的
background
，需要将自定义类添加到listview项
li
中的锚定
a

带有
数据本机菜单=“false”
的
选择将转换为弹出窗口或对话框，具体取决于屏幕高度和选项数量。在您的例子中，
select
被转换为一个对话框，该对话框是一个页面。因此，会在其上发射

对话框将收到一个
id
，它是
select
的
id
加上
-对话框的组合，例如
foo对话框
。在
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工具是可行的）


要更改listview项的
background
，需要将自定义类添加到listview项
li
中的锚定
a

带有
数据本机菜单=“false”
的
选择将转换为弹出窗口或对话框，具体取决于屏幕高度和选项数量。在您的例子中，
select
被转换为一个对话框，该对话框是一个页面。因此，会在其上发射

对话框将收到一个
id
，它是
select
的
id
加上
-对话框的组合，例如
foo对话框
。在
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工具是可行的）


这很奇怪，因为，多亏了你的回答，现在当我使用web inspector检查元素时，背景颜色设置得很好，但是显示的颜色仍然是黑色！我必须刷新listview吗？我想说，您的listview与这个JSFIDLE示例有所不同，因为在这个示例中，它工作得很好（在Firefox和Chrome中测试）。您不需要刷新listview，因为您正在强制CSS更改背景颜色。你是在jQuerey Mobile 1.3还是1.4上测试这一点，我必须知道，因为你提到了这两个版本，而且jQM 1.3和1.4之间的HTML结构不同？那么我不知道你的问题出在哪里。正如你所看到的，我给了你一个有效的例子。其他CSS可能会影响这一点，我没有其他解释。尝试使用Firebug或浏览器开发人员工具，检查是否有其他CSS类导致了这种不匹配。是的，谢谢@Gajotres，我将尝试找出问题出在哪里。好的，我找到了它，我的CSS文件中有一个
.ui btn
，背景是
CSS，它取代了我的
bakcground颜色。谢谢这很奇怪，因为多亏了你的回答，现在当我用w检查元素时，背景颜色设置得很好