jQTouch liste des balles ne montrant pas

Question

J'essaie jQTouch pour une application web iPhone, mais je veux que le contenu sur les pages soit en mesure d'avoir des listes à puces normales, pas dénommés comme les barres dans le thème jqt. Donc, je suis en train de remplacer les sélecteurs CSS dans le theme.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; 
} 

Il fonctionne très bien en ce qu'elle l'emporte, mais je ne reçois pas de balles de liste visibles. Des idées pourquoi?

Answer 1

Le débordement caché semble être le problème, basé sur un test rapide que j'ai fait.

C'est ce que je me sers pour mon projet et son travail comme un charme:

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

Hope it helps

Answer 2

Vérifiez le type d'affichage sur la LI. J'ai eu ce problème parce qu'ils ont été mis à "bloc" quand ils auraient été "list-item"

Answer 3

écraser Juste le li (pas 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>