GARANTIR DESCONTO

Fórum Mudar cor do <LI> - Ajuda #423980

19/09/2012

0

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

Responder

Post mais votado

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

Samuel

Samuel
Responder

Gostei + 1

Mais Posts

03/10/2012

Joel Rodrigues

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.
Responder

Gostei + 0

28/02/2013

Carla Batista

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.
Responder

Gostei + 0

28/02/2013

Joel Rodrigues

Obrigado pelo retorno, Carla.
Estou fechando o tópico.
Responder

Gostei + 0

28/02/2013

Caio Uechi

<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?
Responder

Gostei + 0

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar