jQTouch列表項不會顯示

我正在嘗試爲iPhone Web應用程序使用jQTouch，但我希望頁面上的內容能夠具有正常的項目符號列表，而不是作爲jqt主題中的酒吧樣式。所以，我想重寫CSS選擇在theme.css：jQTouch列表項不會顯示

#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; 
}

它的工作原理，它覆蓋它很好，但我沒有得到任何可見的列表子彈。任何想法爲什麼？

來源

2011-08-18 Anders

你怎麼知道它會覆蓋呢？你可以把代碼放在jsfiddle中嗎？ –

溢出隱藏似乎是問題，基於我做了一個快速測試。

這是我在用我的項目和它的工作就像一個魅力：

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; 
}

希望它可以幫助

來源

2011-08-25 12:06:45 Dogoku

檢查李娜顯示類型。我有這個問題，因爲他們被設置爲「塊」時，他們應該已經「列表項」

來源

2012-07-18 18:35:05 daleyjem

只是覆蓋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>

來源

2012-09-16 02:58:58

jQTouch列表項不會顯示

回答

相關問題