Se débarrasser des puces de

J’ai la liste suivante:

  • Benz
  • Other Benz
  • Other Other Benz

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

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

Cela n’a pas marché cependant. Quelle est la bonne façon de supprimer les puces de la liste affichée?

En supposant que cela ne fonctionne pas, vous pourriez vouloir combiner le sélecteur basé sur l’ id avec le li pour appliquer le css aux éléments li :

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

Référence:

  • list-style-type au Mozilla Developer Center .

J’ai eu le même problème extrêmement irritant puisque le script n’a pas tenu compte de mon styelsheet. Alors j’ai écrit:

 

    Cela n’a pas marché. Donc, en plus , j’ai écrit:

     
  • Voila! ça a marché!

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

     ul { list-style: none; } 

    Pour supprimer les puces des listes non classées, vous pouvez utiliser:

     list-style: none; 

    Vous pouvez aussi utiliser:

     list-style-type: none; 

    Les deux fonctionnent, mais le premier est un moyen plus rapide d’obtenir le même résultat.

    Le code suivant

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

    Mettre

      

    immédiatement avant la liste pour le tester. Ou

     

      Il doit y avoir autre chose.

      Car:

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

      devrait juste travailler.

      Peut-être y a-t-il une règle CSS qui la remplace.

      Utilisez votre inspecteur DOM pour le savoir.

      J’ai eu le même problème, et la façon dont j’ai fini par résoudre ce problème était la suivante:

       ul, li{ list-style:none; list-style-type:none; } 

      Peut-être que c’est un peu extrême, mais quand j’ai fait ça, ça a fonctionné pour moi.


      J’espère que cela a aidé

      pour la feuille de style en ligne essayez ce code

       
      • Try This

      Pour supprimer la puce de UL vous pouvez simplement utiliser le list-style: none; ou list-style-type: none; Si cela ne fonctionne toujours pas, je pense qu’il y a un problème de priorité CSS . Peut être globalement défini par UL. Donc, mieux vaut append une classe / un ID à cette UL particulière et y append votre CSS . J’espère que ça va marcher.

      J’ai eu un problème identique.

      La solution était que la puce était ajoutée via une image d’arrièreplan , PAS via le type liste-style. Un arrière-plan rapide: aucun et Bob est ton oncle!

      votre code:

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

      ma suggestion:

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

      En CSS, vous devez uniquement utiliser l’ #id not element#id . des conseils plus utiles sont fournis ici: w3schools

      Cela fonctionnait parfaitement HTML

        

      CSS

       #top-list{ list-style-type: none; list-style: none;}