jQuery Mobile爲主題加載一組特定的圖標？

有沒有辦法爲一個主題加載一組特定的圖標？我嘗試使用data-theme=c並沒有奏效jQuery Mobile爲主題加載一組特定的圖標？

的CSS

[data-theme=c].ui-icon, 
[data-theme=c].ui-icon-searchfield:after { 
    background-image: url(../images/icons-18-black.png) /*{global-icon-set}*/; 
    background-repeat: no-repeat; 
    -moz-border-radius:     9px; 
    -webkit-border-radius:    9px; 
    border-radius:      9px; 
}

HTML

<ul data-role="listview" data-divider-theme="b" data-inset="true"> 
        <li data-theme="c"> 
         <a href="#page4" data-transition="slide"> 
          Items 
         </a> 
        </li>

來源

2012-05-21 acctman

你需要在'[數據主題= 「C」]'報價？ – jmort253

@ jmort253加入引號不起作用。 hmm – acctman

確保您使用的是比jQuery UI所使用的更具體的CSS選擇器。此外，請嘗試使用''塊來測試這些以確保您的選擇器是正確的。樣式塊的優先級高於外部CSS。如果這不起作用，那麼你的CSS規則就會被破壞。如果它確實起作用，那麼你需要更具體的CSS選擇器。 – jmort253

把一個空間在[數據主題= C]和的.ui圖標之間。

[data-theme=c] .ui-icon, 
[data-theme=c] .ui-icon-searchfield:after { 
    background-image: url(../images/icons-18-black.png); 
}

如果這不起作用，你的路徑也是錯誤的嘗試把完整的URL來測試。

background-image: url(http://code.jquery.com/mobile/1.1.0/images/icons-18-black.png);

下面是一個例子http://jsfiddle.net/codaniel/CDUth/4/

來源

2012-05-21 01:12:10 codaniel

沒有工作，已經有一個默認的圖標集，而是被加載。它不是正在閱讀我爲黑色圖標設置的具體內容。只顯示默認值。現在，如果我註釋掉默認的.ui-icon並留下[data-theme = c] .ui-icon（如你的例子），它就可以工作。我試圖一次運行兩組 – acctman

我想我有點困惑，你想要什麼。你可以讓一個jsfiddle說明你想做什麼？ – codaniel

jQuery Mobile爲主題加載一組特定的圖標？

回答

相關問題