更改 jquery mobile listview 背景颜色

Posted 2023-05-09

【中文标题】更改 jquery mobile listview 背景颜色

【英文标题】：change jquery mobile listview background color

【发布时间】：2016-01-11 12:24:45

【问题描述】：

我是编码方面的初学者，我需要一些帮助。我正在使用 Dreamweaver CS6 和 Jquery Mobile 模板设计应用程序。我想要做的就是改变我的列表视图按钮，使它们的背景是红色的。我试过去themeroller，下载我的新主题，解压缩并将它插入我的网站。但它根本不会覆盖原始主题。我复制了他们提供的代码，将其放在我的标题中；我已经尝试将它放在现有样式表的上方以及下方，但仍然没有覆盖。我还更改了 href 以实际转到文件所在的位置：

<link rel="stylesheet" type="text/css" href="includes/style1.css" /> <link rel="stylesheet" href="includes/jquery-mobile-theme-073626-0/themes/redtheme.css" />

我想知道是否有一种方法可以编辑原始 jquery.mobile-1.0.min.css 文件，以便主题“a”上的列表视图按钮是红色的，而不是黑色的。我一直在搜索代码并尝试不同的事情但没有成功。请帮忙，我真的觉得这不应该那么难，但我不知道我做错了什么。

【参考方案1】：

尝试放置如下链接：

<link rel="stylesheet" href"includes/jquery-mobile-theme-073626-0/themes/jquery.mobile.icons.min.css" />
<link href="jquery-mobile/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="includes/style1.css" />
<link rel="stylesheet" href="includes/jquery-mobile-theme-073626-0/themes/redtheme.css" />

在 CSS 中，页面下方的样式（和样式表）会覆盖其他 CSS，除非选择器更具体。 例如，如果 jQuery css 文件和 redtheme 文件中存在选择器 .mobile，则红色主题文件将被覆盖，因为它位于页面下方。

【讨论】：

我试过了，还是不行。我刚刚意识到，我在上面插入了错误的 2 行。我有 style1.css，其中包含自定义 css，可以很好地覆盖一些东西（例如背景图像）。 redtheme.css 是我想要开始工作的。对于那个很抱歉。这是我要澄清的所有标题对象：

' '

好的，我按照你说的改变了一些东西，我的列表仍然是黑色而不是红色：/。当我打开 jQuery Mobile 色板窗口时，它仍然显示原始色板，而不是我的自定义色板。