Ir para conteúdo
Fórum Script Brasil
  • 0

Trocar marcador de <li> com CSS


Guest --Steffan --

Pergunta

Guest --Steffan --

Como trocar o estilo do marcador de uma lista, e também a cor dele?

<ul>Lista

<li>Item a</li>

<li>Item b</li>

<ul>

Quero que o marcador, no lugar de uma bolinha, como o padrão, seja um hífen ( '-' ), ou uma imagem. E, no caso de ser um caractere, como trocar apenas a cor desse marcador, e não da linha inteira?

Link para o comentário
Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

  • 0

Muda pra hifen eu não consegui, mas mudar a cor sim.

<li class="style4"></li>Item B

style4 é o estilo bla bla, acho que você já sabe, mas ai o texto, no caso o item ficaria fora do marcador, sendo somente possivel edita-lo pelo codigo fonte.

------------------------------------------

já pensou em não usar os marcadores e fazer algo parecido e colocar sim as imagens??

Link para o comentário
Compartilhar em outros sites

  • 0

Só não esquece de colocar a seguinte marcação antes do list-style-image:

list-style:none;
list-style-image:url(hifen.gif);

você colocando o list-style:none ele tira a bolinha e depois coloca a imagem, porque em conexões lentas o navegador vai exibir a lista com bolinha e depois que carregar a imagem que as mesmas irão aparecer aí fica zuado.

Link para o comentário
Compartilhar em outros sites

Visitante
Este tópico está impedido de receber novos posts.


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...