我想改變列表分隔線在jQuery的移動列表視圖的風格，但沒有運氣到目前爲止。問題是我在列表分隔線內使用了一個url，而jquery使它變成了藍色和下劃線。我希望它與不是網址時相同。jquery手機列表分隔格式

這是我加入到我的CSS重寫jQuery的CSS：

a.ui-li-divider{ 
     text-decoration: none; 
    }

但它不會做任何事情。有任何想法嗎？

- 感謝巴特

來源

2013-03-21 innersky

解決方案

這裏有一個工作示例：http://jsfiddle.net/Gajotres/kpqa5/

.ui-li-divider a { 
    text-decoration: none; 
    color: black !important; 
}

最後說明

如果您想了解更多關於如何自定義jQuery Mobile頁面和小部件，然後採取一個看看這個article。它附帶了很多工作示例，其中包括爲什麼對於jQuery Mobile來說非常重要。

來源

2013-03-21 16:39:27 Gajotres

是的，這有效，但奇怪的是，顏色=黑色;在這種情況下不起作用？ – innersky 2013-03-22 11:21:24

我編輯了我的答案，看看。 – Gajotres 2013-03-22 11:33:11

是的，它非常有用，非常感謝！ – innersky 2013-03-22 12:02:55

我知道內聯樣式是一種不好的做法，但內嵌式的工作。

<div data-role="page" id="home"> 
    <div data-role="container"> 
     <ul data-role="listview" data-inset="true" data-divider-theme="d"> 
      <li data-role="list-divider"><a href="#" STYLE="text-decoration:none; color:black;">Mail</a> 
      </li> 
      <li><a href="#">Inbox</a> 

      </li> 
      <li><a href="#">Outbox</a> 

      </li> 
      <li data-role="list-divider"><a href="#" STYLE="text-decoration:none; color:black;">Contacts</a> 
      </li> 
      <li><a href="#">Friends</a> 

      </li> 
      <li><a href="#">Work</a> 

      </li> 
     </ul> 
    </div> 
</div>

退房現場小提琴在http://jsfiddle.net/mayooresan/LB8ZN/

來源

2013-03-21 12:28:13

是的，它是不好的風格，但是它的工作原理。良好的臨時解決方案。 – innersky 2013-03-21 12:44:11

如果@Gajotres看到這個，他可能會給出好的解決方案。 – 2013-03-21 12:51:53

jquery手機列表分隔格式

回答

解決方案

最後說明

相關問題