解决方案

Question

我正在尝试在jquery移动列表视图中更改列表分隔符的样式，但到目前为止还没有运气。问题是我在列表分隔符中使用了一个url，而jquery使它变为蓝色并加下划线。我希望它与它不是网址时一样。

这是我添加到我的css中以覆盖jquery css：

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

但它没有做任何事情。有什么想法吗？

- 谢谢巴特

Answer 1

解决方案

以下是一个有效的例子：http://jsfiddle.net/Gajotres/kpqa5/

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

最后的笔记

如果您想了解有关如何自定义jQuery Mobile页面和小部件的更多信息，请查看 article 。它附带了许多工作示例，包括为什么对jQuery Mobile来说是必不可少的。

Answer 2

我知道内联样式是一种不好的做法，但内联样式正在发挥作用。

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

查看现场小提琴

jquery移动列表分隔符格式

2 个答案:

解决方案

最后的笔记