1

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

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

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

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

-- 谢谢巴特

4

2 回答 2

3

解决方案

这是一个工作示例：http: //jsfiddle.net/Gajotres/kpqa5/

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

最后的笔记

如果您想了解更多关于如何自定义 jQuery Mobile 页面和小部件的信息，请查看这篇文章。它附带了许多工作示例，包括为什么 !important 对于 jQuery Mobile 是必需的。

于 2013-03-21T16:39:27.850 回答
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/查看现场小提琴

于 2013-03-21T12:28:13.360 回答