css - 覆盖 Jquery 移动样式 <a>

标签 css jquery-ui jquery-mobile

是否有任何文档可以更改 Jquery Mobile 中的样式?我想让我的链接文字装饰:无;但下划线仍然存在。我注意到有 .ui-page 可以覆盖页面,但是是否有任何完整的文档来自定义我们自己的样式?这与jquery mobile主题无关(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 specificity会比你的高。您可以通过两种方式解决这个问题:

  • 增加你的特异性,而不是 a { text-decoration: none; } 试试 body #container #content a { text-decoration: none; }。 (显然使用您的元素 ID 而不是我编造的 ID)
  • 添加 !important (a { text-decoration: none !important; } - 这通常是不好的做法,因为它可能会导致进一步的问题,所以我推荐第一个

关于css - 覆盖 Jquery 移动样式 <a>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12938350/

相关文章:

javascript - jQuery Mobile - 使用 URL 参数打开可折叠集

html - 当 flexbox 和经典技术不起作用时居中行内 block 元素

jquery - 拖动有序列表项时,后续项的编号总是增加 1

css - 不同电脑打开div一直在页面下移

jquery 可拖动自动滚动在滚动时消失

jquery - 无法转换 JavaScript 参数 arg 0"nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS

ios - 过渡到 iOS 7 : correct viewport setting for jQuery/iPhone Webapps viewed on iPads

css - Jquery Mobile 按钮更小

javascript - 单击图像以打开带有静态文本的幻灯片

html - 悬停时的 CSS 叠加效果不起作用