Css 覆盖Jquery移动样式<；a>；

是否有任何文档可以更改Jquery mobile中的样式？我想让我的链接文字装饰：无；但底线仍然存在。我注意到页面上有.ui页面要覆盖，但是否有任何完整的文档可以自定义我们自己的样式？这与jquery移动主题无关（a、b、c…）

谢谢

*已更新*

<div id="contentA" class="contentbox">
   <h3>Hello</h3>
   <a class='levelA' href="#anotherPage" ><img src="img/img.png"  />
   <p class="levelDescA" >XXXXXXXX
   </a>
</div>

你好

您可能在特定性方面有问题。jqueryUI.css将比您的更高。您可以通过两种方式来应对这一问题：

• 增加你的特异性，而不是

  a{text-decoration:none；}

  尝试

  body#container#content a{text-decoration:none；}

  。（显然，使用您的元素ID，而不是我编造的元素ID）
• 加上！重要（

  a{text decoration:none！important；}

  -这通常是一种不好的做法，因为它可能会导致后续问题，因此我推荐第一种

---

您可能在特异性方面有问题。jqueryUI.css将比您的更高。您可以通过两种方式解决此问题：

• 增加你的特殊性，而不是

  a{text-decoration:none；}

  尝试

  body#container#content a{text-decoration:none；}

  （显然使用你的元素ID而不是我编的）
• add！important（

  a{text decoration:none！important；}

  -这通常是一种不好的做法，因为它可能会导致后续问题，因此我建议使用第一种方法

---

如果您正在使用ThemeROller，您必须进入CSS文件，并将“文本装饰：无！重要；”行添加到控制页面的样例主题的链接部分。例如，转到ThemeROller中的“K”样例以解决下划线问题。

---

ThemeRoller很棒，但有时不稳定。有时它在链接下面加下划线，有时不加下划线，但这种技巧每次对我都有效。

如果你正在使用ThemeRoller，你必须进入CSS文件并添加“文本装饰：无！重要进入控制页面的样例主题的链接部分。例如，转到ThemeROller中的“K”样例以解决下划线问题。

---

ThemeRoller很棒，但有时不稳定。有时它在链接上加下划线，有时不加下划线，但这种技巧对我来说每次都很有效。

为了扩展Lee上面的答案。我也遇到了同样的问题，所以我采纳了他的建议，检查了我在ThemeRoller中制作的自定义主题。 它已经有了以下内容-

/* Buttons
-----------------------------------------------------------------------------------------------------------*/
.ui-btn,
label.ui-btn {
font-weight: bold;
border-width: 1px;
border-style: solid;
}
.ui-btn:link {
text-decoration: none !important;

但我得到了下划线，所以我添加了文字装饰：无！重要；在我的全球字体部分-

/* Globals */
/* Font
-----------------------------------------------------------------------------------------------------------*/
html {
font-size: 100%;
}
body,
input,
select,
textarea,
button,
.ui-btn {
font-size: 1em;
line-height: 1.3;
  font-family: sans-serif /*{global-font-family}*/;
  text-decoration: none !important;

---

这停止了下划线。

扩展了李的上述答案。我也遇到了同样的问题，所以我采纳了他的建议，检查了我在themeroller中制作的自定义主题。 它已经有了以下内容-

/* Buttons
-----------------------------------------------------------------------------------------------------------*/
.ui-btn,
label.ui-btn {
font-weight: bold;
border-width: 1px;
border-style: solid;
}
.ui-btn:link {
text-decoration: none !important;

但我得到了下划线，所以我添加了文字装饰：无！重要；在我的全球字体部分-

/* Globals */
/* Font
-----------------------------------------------------------------------------------------------------------*/
html {
font-size: 100%;
}
body,
input,
select,
textarea,
button,
.ui-btn {
font-size: 1em;
line-height: 1.3;
  font-family: sans-serif /*{global-font-family}*/;
  text-decoration: none !important;

---

这就停止了下划线。

或者，更好的是，这里有一个修改过的jquery.mobile-1.4.3.min.css，它不在链接下面划线：。我没有使用！重要的标记，所以在

标记中恢复对链接类和下划线的控制。我几周前已经为自己做了这个，但我看到了这个问题，并明白为什么没有我现在知道它在1.4.5版上，但我没有升级，因为如果你看一下更改日志，它们所做的大部分工作都是锁定更多的默认设置，而themeroller并不是一个真正的解决方案，因为它仍然不一致地应用你的属性。

或者，更好的是，这里有一个修改过的jquery.mobile-1.4.3.min.css，它没有绑定eLine links:。我没有使用！重要标记，因此在

标记中恢复对链接类和下划线的控制。几周前我已经为自己做了这个，但我看到了这个问题，并想为什么不共享它。我现在知道它在1.4.5版上，但我没有升级，因为如果查看更改日志，大多数实际上，他们锁定了更多的默认设置，而themeroller并不是一个真正的解决方案，因为它仍然不一致地应用您的属性。

我使用（p.levelDescA{text decoration:none；}但是它仍然有下划线。需要从指定的容器开始吗？从该选择器判断，您正试图将其从

p

标记中删除，超链接会自动为

a

标记try

#contentA.contentbox a{text decoration:none；}

我使用的（p.levelDescA{text decoration:none；}但是它仍然有下划线。需要从指定的容器开始吗？从该选择器判断，您正试图将其从

p

标记中删除，超链接会自动为

a

标记try

#contentA.contentbox a{text decoration:none；}