css
  • jquery-ui
  • jquery-mobile
  • 2012-10-17 108 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,但是我沒有升級,因爲如果你查看更改日誌,他們所做的大部分操作都會鎖定更多的默認設置,而且默默無聞,因爲它仍然適用你的屬性不一致。

    相關問題