Jump to content
Fórum Script Brasil
  • 0

Trocar marcador de <li> com CSS


Guest --Steffan --

Question

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 to post
Share on other sites

6 answers to this question

Recommended Posts

  • 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 to post
Share on other 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 to post
Share on other sites
Guest
This topic is now closed to further replies.
Cloud Computing


  • Forum Statistics

    • Total Topics
      148713
    • Total Posts
      644520
×
×
  • Create New...