-3

Como eu removo esses pontos no marcador que é exibido após o número do item de uma lista ordenada:

<ol>
  <li>Lista 1</li>
  <li>Lista 2</li>
  <li>Lista 3</li>
  <li>Lista 4</li>
  <li>Lista 5</li>
</ol>

5
  • Felipe, sugiro que você primeiramente leia pt.meta.stackoverflow.com/questions/8045/… para se adequar à comunidade SOpt.
    – ElvisP
    2/04/2020 às 17:27
  • 1
    Você quer remover somente o ponto, mantendo assim a numeração? 2/04/2020 às 17:29
  • 1
    @DanielMendes, sim! 2/04/2020 às 17:30
  • 1
    Acredito que não existe esse estilo (de apenas números) por padrão no html, segundo o w3c 2/04/2020 às 17:36
  • 1
    Pois é... Remover somente o ponto, utilizar o list-style-type: none; vai remover tudo, ponto e numeração, mas só conheço isso. 2/04/2020 às 17:39

1 Resposta 1

1

Para retirar o ponto após a numeração do item é um processo um tanto complicado mas é possível fazê-lo. Utilize o código CSS abaixo, isso irá tirar o ponto do número do jeito que deseja:

ol { 
    counter-reset: item;
    list-style-type: none;
}

li { 
    display: block; 
}

li:before { 
    content: counter(item) "  "; 
    counter-increment: item;
}
<ol>
  <li>Lista 1</li>
  <li>Lista 2</li>
  <li>Lista 3</li>
  <li>Lista 4</li>
  <li>Lista 5</li>
</ol>

1

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .