Question

我正在为一个iPhone网络应用程序尝试jQTouch，但我希望页面上的内容能够有正常的项目符号列表，而不是jqt主题中的条形图。所以我试图覆盖theme.css中的css选择器：

#jqt .content ul {
color: #fff;
    border: none;
font: inherit;
padding: 0;
margin: 15px 10px 17px 10px;
}

#jqt .content ul li {
    color: #fff;
    border-top: none;
    border-bottom: none;

    list-style-type:disc;
    padding: 10px 10px 10px 10px;
    background-image: none;
    overflow: hidden;
}

它可以正常工作，因为它会覆盖它，但我没有得到任何可见的列表项目符号。有什么想法吗？

Answer 1

只需覆盖li（不是ul）

<强> CSS：

div#jqt #textpage li
{
    list-style-type:disc;
    padding: 7px 20px 0px 10px; /* set these as required */
}

<强> HTML：

<!-- PAGE 2d -->       
<div id="page-2d">
    <div class="toolbar">
        <h1>Page Heading</h1>
        <a class="back" href="#page-2">Back</a>
    </div>
    <div id="textpage" >
        <h1>My heading</h1><br />
        <p>Stuff</p> 
        <p>More Stuff</p><br />
        <h2>Sub Heading</h2>
        <!-- Note No <ul> works don't know why -->  
        <li>My List Item1 </li>
        <li>My List Item2 </li>

Answer 2

基于我做过的快速测试，溢出隐藏似乎是个问题。

这就是我用于我的项目，它的工作就像一个魅力：

ul.text, .text ul
{
    border: 0;
    background: transparent;
}
ul.text li, .text ul li
{
    list-style-type: disc;
    -webkit-border-radius: 0;
    border-radius: 0;
    filter: 0; // hide IE gradient
    margin-left: 19px;
    background: transparent; 
    border: none;
    font-size: 1em;
    font-weight: normal;
}

希望有所帮助

Answer 3

检查LI上的显示类型。我有这个问题，因为当它们应该是“list-item”时它们被设置为“阻止”

jQTouch列表项目符号未显示

3 个答案: