css - jQTouch 列表元素符号不显示

Question

我正在尝试将 jQTouch 用于 iPhone 网络应用程序，但我希望页面上的内容能够具有正常的元素符号列表，而不是 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>