导航栏选项卡 jquery-mobile 的自定义主题/颜色答案

【问题标题】：Custom theme/color for navbar tab jquery-mobile导航栏选项卡 jquery-mobile 的自定义主题/颜色
【发布时间】：2015-01-14 06:29:24
【问题描述】：

美好的一天！

我正在使用 jquery-mobile 1.4.3 并尝试将导航栏选项卡更改为自定义颜色。我尝试使用主题滚轮并从以下位置修改色板：

http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.css

我所做的是获取上面的文件，制作一个本地副本，并将 Swatch A 的所有“背景颜色”更改为黄绿色（这不是我想要的颜色，只是为了测试）。然后我在数据中使用它- 主题如下：

<div role="navigation" class="ui-navbar ui-mini" data-role="navbar">
  <ul class="ui-grid-duo ui-grid-a">
    ....
    <li class="fareTabTop ui-block-a"><a class="ui-link ui-btn ui-btn-a" data-theme="a"  href=""  onclick="showDetails()">1268.00</a></li>
    ...
  </ul>
</div>

但它不是这样工作的。

这是我的 index.html 文件的 sn-p 我如何引用我的自定义 css：

<link rel="stylesheet" href="css/mycustom.css" type="text/css">
<!-- link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.css" / -->
<link rel="stylesheet" href="css/jquery-mobile-1.4.3.css">

所以我将 jquery-mobile-1.4.3.css 更改为 Swatch A 的“yellogreen”背景。

<script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script>

我尝试使用主题滚轮，但也没有用。

我的目标是让 1268.00 和 3114.00 的导航栏标签具有不同的颜色。只有内置主题“b”在工作（更改为黑色），但没有其他工作。

有人可以帮我找到解决这个问题的方法吗？

谢谢你，维克多。

【问题讨论】：

您是否尝试过在 jQuery Mobile 之后包含您的自定义 CSS 文件？您当前的订单可能会导致您的样式被默认值覆盖。
谢谢。我重新安排了他们的订单，但同样的问题。

标签： jquery html css jquery-ui

【解决方案1】：

我已经解决了如下问题：

1) 使用主题滚轮将按钮颜色更改为我希望主题滚轮为其生成 CSS 的颜色。我称我的主题为“F”。 重要提示：theme-roller 中的主题字母必须与我在代码中指定的数据主题匹配。我的问题是，在主题滚轮中，我使用“A”下的主题，但调用（和引用）创建的 CSS 文件作为主题“F”（对我来说这是一个大问题）。如此明显地出现了差异。 2) 将生成的主题“F”（在主题滚轮中匹配）放置到 mycustom.css 文件中，现在我可以为标签使用任何我想要的颜色 :)

【讨论】：