Se débarrasser des points de balle de <ul>

Question

J'ai la liste suivante:

  <ul id="otis">
 <li>Benz</li>
 <li>Other Benz</li>
 <li>Other Other Benz</li>
 </ul>
 

Je veux me débarrasser des balles alors j'ai essayé:

  ul#otis {
 list-style-type: none;
 }
 

Cela n'a pas fonctionné bien. Quelle est la bonne façon de supprimer les puces de la liste affichée?

Answer 1

En supposant que cela ne fonctionne pas, vous pouvez combiner le sélecteur id - avec le li afin d'appliquer le css aux éléments li :

 #otis li {
    list-style-type: none;
}
 

Référence:

• list-style-type sur le Centre de développement Mozilla .

Answer 2

J'avais moi-même le même problème extrêmement irritant puisque le script ne tenait pas compte de ma feuille de styels. Alors j'ai écrit:

 <ul style="list-style-type: none;">
 

Cela n'a pas fonctionné. Donc, en plus , j'ai écrit:

 <li style="list-style-type: none;">
 

Voila! ça a marché!

Answer 3

Le code suivant

 <ul style="list-style-type: none;">
    <li>Root node 1</li>
    <li>Root node 2</li>
</ul>
 

produira cette sortie:

Answer 4

Essayez plutôt ceci, testé sur Chrome / Safari

 ul {
 list-style: none;
}
 

Answer 5

Il doit y avoir autre chose.

Parce que:

    ul#otis {
     list-style-type: none;
   }
 

devrait juste travailler.

Il existe peut-être une règle CSS qui l’écrase.

Utilisez votre inspecteur DOM pour le savoir.