使用自定义CSS链接保留<li>标记</li>

时间:2013-09-12 16:12:09

标签: jquery mobile html-lists

我已经能够成功地将自定义<style>类集成到我自己托管的jQuery Mobile CSS文件中,并将其显示在<div data-role="collapsible">列表中。

示例:http://www.camavision.com/wp/illinois/

然而,使用带有这些自定义链接的<li>标记可以杀死我仍然希望保留整个区域链接而不仅仅是文本的全栏鼠标悬停效果。

我在“A”类别下添加了一个示例,其中的链接标记为“未应用样式类的链接示例”,我正在尝试使用特定的<style>链接类继续应用特定的颜色。

任何想法如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

您正在为布局添加跨度,以便为其中的元素设置样式,但这打破了需要特定类型布局的jQuery Mobile。您只需要设置那里的元素的样式,而无需添加任何内容。

要更改li中文本的颜色,请在锚标记中添加一个类并在样式表中指定颜色 - 使用!important

<强> HTML

<li><a href="#" class="purple-link">Link Example without purple text</a></li>

<强> CSS

.purple-link
{
    color: purple !important;
}

Here's a working fiddle...