html - sacar - Deshacerse de las viñetas de<ul>

viñetas letras html

Question

Tengo la siguiente lista:

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

Quiero deshacerme de las balas, así que lo intenté:

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

Eso no funcionó sin embargo. ¿Cuál es la forma correcta de eliminar las viñetas de la lista que se muestra?

Answer 1

Debe haber algo más.

Porque:

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

debería funcionar

Quizás haya alguna regla de CSS que la sobrescriba.

Usa tu inspector DOM para averiguarlo.

Answer 2

El siguiente código

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

<ul id="menu">
        <li>Root node 1</li>
        <li>Root node 2</li>
    </ul>

producirá esta salida:

Answer 3

Para eliminar bullet de UL , simplemente puede usar list-style: none; o list-style-type: none; Si aún no funciona, supongo que hay un problema de prioridad CSS . Puede ser globalmente UL ya definido. Así que es mejor agregar una clase / ID a esa UL particular y agregar allí su CSS . Espero que funcione

Answer 4

Para eliminar viñetas de listas desordenadas, puede usar:

list-style: none;

También puedes usar:

list-style-type: none;

Cualquiera de los dos funciona, pero el primero es una manera más corta de obtener el mismo resultado.

Answer 5

Poner

<style type="text/css">
 ul#otis {
     list-style-type: none;
   }
</style>

inmediatamente antes de la lista para probarlo. O

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

Answer 6

Prueba esto en su lugar, probado en Chrome / Safari

ul {
 list-style: none;
}

Answer 7

Suponiendo que no funcionó, es posible que desee combinar el selector basado en id con el li para aplicar el CSS a los elementos li :

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

Referencia:

• list-style-type en el Mozilla Developer Center .

Answer 8

Tuve el mismo problema, y ​​la forma en que terminé solucionándolo fue así:

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

Tal vez es un poco extremo, pero cuando lo hice, funcionó para mí.

Espero que esto haya ayudado

Answer 9

Tuve un problema idéntico.

La solución fue que la viñeta se agregó a través de una imagen de fondo , NO a través del tipo de estilo de lista. Un rápido ''fondo: ninguno'' y ¡Bob es tu tío!

Answer 10

Yo también tuve el mismo problema extremadamente irritante ya que el guión no tomó nota de mi styelsheet. Entonces escribí:

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

Eso no funcionó. Entonces, además , escribí:

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

Voila! ¡funcionó!

Answer 11

para hoja de estilo en línea, pruebe este código

<ul style="list-style-type: none;">
    <li>Try This</li>
    </ul>

Answer 12

tu codigo:

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

mi sugerencia:

#otis {
    list-style-type: none;

}

en CSS, solo necesita usar el #id not element#id . aquí se brindan más sugerencias útiles: w3schools