我想改变列表分隔线在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手机列表分隔格式

回答

解决方案

最后说明

相关问题