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

Question

美好的一天！

我正在使用jquery-mobile 1.4.3并尝试将导航栏标签更改为自定义颜色。我尝试使用主题滚动和修改Swatches：

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

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

<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文件的片段，我如何引用我的自定义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'正在工作（更改为黑色），但没有其他工作。

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

谢谢你， 胜者。

Answer 1

我已经解决了以下问题：

1）使用主题滚轮将按钮颜色更改为颜色我想要主题滚轮为它生成CSS。我打电话给我的主题＆＃34; F＆＃34;。 重要：theme-roller中的主题字母必须与我在代码中指定的数据主题相匹配。我的问题是，在主题滚轮中我使用主题下的＆＃34; A＆＃34;但调用（和引用）创建的CSS文件作为主题＆＃34; F＆＃34; （对我来说这是一个大问题）。所以显然存在差异。 2）放置由此产生的主题＆＃34; F＆＃34; （在主题 - 滚动中匹配）到mycustom.css文件，现在我可以使用我想要的任何颜色：）