Livrar-se dos pontos de bala de <ul>

Eu tenho a seguinte lista:

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

Eu quero me livrar das balas, então tentei:

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

Isso não funcionou. Qual é a maneira correta de remover os marcadores da lista exibida?

Supondo que isso não funcionou, convém combinar o idseletor baseado em com o lipara aplicar o css aos lielementos:

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

Referência:

• list-style-typeno Mozilla Developer Center .

Eu mesmo tive o mesmo problema irritante extremo, pois o script não notou minha folha de estilo. Então eu escrevi:

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

Isso não deu certo. Então, além disso , escrevi:

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

Voila! funcionou!

Para remover pontos de marcador de listas não ordenadas, você pode usar:

list-style: none;

Você também pode usar:

list-style-type: none;

Ou funciona, mas a primeira é uma maneira mais curta de obter o mesmo resultado.

O código a seguir

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

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

produzirá esta saída:

Experimente fazer isso, testado no Chrome / Safari

ul {
 list-style: none;
}

Colocar

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

imediatamente antes da lista para testá-lo. Ou

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

Para remover o marcador de ULvocê pode simplesmente usar list-style: none;ou list-style-type: none;Se ainda não funcionar, acho que há um problema de CSS prioritário . Pode ser globalmente UL já definido. Então, a melhor maneira de adicionar uma classe / ID a essa UL específica e adicionar seu CSS lá. Espero que funcione.

Isso funcionou perfeitamente em HTML

<ul id="top-list">
        <li><a href="#">Home</a></li>
        <li><a href="#">Process</a></li>
        <li><a href="#">Work</a></li>
        <li><a href="#">Team</a></li>
        <li><a href="#">Contact</a></li>
      </ul>

CSS

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

Deve haver algo mais.

Porque:

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

deve funcionar.

Talvez haja alguma regra CSS que a substitua.

Use seu inspetor DOM para descobrir.

Eu tive o mesmo problema, e a maneira como acabei consertando foi assim:

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

Talvez seja um pouco extremo, mas quando fiz isso, funcionou para mim.

para folha de estilo em linha, tente este código

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

seu código:

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

minha sugestão:

#otis {
    list-style-type: none;

}

em css, você só precisa usar o #idnot element#id. dicas mais úteis são fornecidas aqui: w3schools

Eu tive um problema idêntico.

A solução foi que o marcador foi adicionado por meio de uma imagem de plano de fundo , NÃO por meio do estilo de lista. Um rápido "histórico: nenhum" e Bob é seu tio!