Mudar cor do <LI> - Ajuda

Front-end

19/09/2012

Oi galera, como eu faço para mudar a COR do "marcadinho" que fica na tag <li>?

<LI>Cabelo
<LI>Unha<LI>


Obrigada
Carla Batista

Carla Batista

Curtidas 0

Melhor post

Samuel

Samuel

03/10/2012

oie Carla!
existe dois modos, vou mostrar o mais fácil primeiro:
crie uma imagem do tipo .png ou .gif ou .jpg com o ponto da cor ou a imagem que você quiser.
Depois altere o valor do list-style com a url da imagem a ser usada. Veja:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
ul
{
list-style:square url("sqpurple.gif");
}
</style>
</head>

<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>
</html>


agora, um outro modo, mas mais trabalhoso, seria este:

<ul>
<li style="color:green;"><span style="color:red;">Coffee</span></li>
<li style="color:green;">Tea</li>
<li style="color:green;">Coca Cola</li>
</ul>


é trabalhoso porque você precisa adicionar um span para mudar a cor texto sem mudar a cor "pontinho"...

eu uso e recomendo o primeiro modo..

Espero ter lhe ajudado,
Samuel Diogo
GOSTEI 1

Mais Respostas

Joel Rodrigues

Joel Rodrigues

19/09/2012

Resumindo, é o seguinte: não dá pra mudar apenas a cor do marcador. Como foi dito acima, o melhor é você utilizar uma imagem equivalente ao marcador que você deseja.
GOSTEI 0
Carla Batista

Carla Batista

19/09/2012

Obrigada, pessoal. Consegui usar o código sugerido acima e estou usando um marcador personalizado, ficou até melhor do que eu esperava, que era mudar a cor da bolinha original.
Podem fechar esse tópico.
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

19/09/2012

Obrigado pelo retorno, Carla.
Estou fechando o tópico.
GOSTEI 0
Caio Uechi

Caio Uechi

19/09/2012

<ul>
<li style="color:green;"><span style="color:red;">Coffee</span></li>
<li style="color:green;">Tea</li>
<li style="color:green;">Coca Cola</li>
</ul> - See more at: https://www.devmedia.com.br/forum/mudar-cor-do-ltligt-ajuda/423980#sthash.2mA1qgLt.dpuf



não é só criar uma classe?
GOSTEI 0
POSTAR