css
  • jquery-ui
  • jquery-mobile
  • 2012-10-17 77 views 0 likes 
    0

    是否有任何文档可以更改jquery mobile中的风格?我想让我的链接文字修饰:无;但下划线仍然存在。我注意到有.ui页面覆盖页面,但有没有完整的文档来定制我们自己的风格?这与jquery手机主题无关(a,b,c ..)覆盖jquery手机风格<a>

    谢谢。

    * 更新 *

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

    回答

    3

    你可能有特异性的问题。 jqueryUI.css specificity将比你的更高。你可以对抗这种方式有两种:

    • 增加您的特殊性,而不是a { text-decoration: none; }尝试body #container #content a { text-decoration: none; }。 (显然,使用元素的ID,而不是我已经决定了的那些)
    • 添加重要(a { text-decoration: none !important; } - 这通常是不好的做法,因为它可能进一步导致问题的路线,所以我建议第一
    +0

    我使用(p.levelDescA {text-decoration:none;}但它仍然有下划线。需要从指定的容器开始? –

    +0

    从该选择器判断,您试图从'p'标签,超链接自动为'a'标签分配一个下划线try#contentA.contentbox a {text-decoration:none;}' – Andy

    0

    如果你正在使用ThemeROller,你将不得不进入你的CSS文件,并在控制页面的swatch主题的链接部分添加“text-decoration:none!important;”行。 ThemeRoller可以解决下划线问题 ThemeRoller很棒,但有时不稳定,有时它会强调链接,有时候它不会,但是这个技巧每次都适用。

    0

    以上对李的回答进行了拓展。我遇到了同样的问题,所以我采纳了他的建议,并检查了我在美乐家中制作的自定义主题。 它已经有了如下 -

    /* 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; 
    

    这样就停止了下划线。

    0

    或者,更好的是,这是一个修改后的jquery.mobile-1.4.3.min.css,它不会下划线链接:https://drive.google.com/file/d/0B9z4E6c3ozD8Vi1WQkxnQ2FmVzQ/view?usp=sharing。而且我没有使用!重要的标签,因此控制链接类和下划线将在<head>标签中恢复给您。几周前我已经为自己做了这件事,但我看到了这个问题,并想出为什么不分享它。我现在知道它的版本是1.4.5,但是我没有升级,因为如果你查看更改日志,他们所做的大部分操作都会锁定更多的默认设置,而且默默无闻,因为它仍然适用你的属性不一致。

    相关问题