Foro de elhacker.net

Hola a todos.
si yo tengo una lista, por ejemplo:

<div id="elementos">
<ul>
    <li>Elemento 1</li>
    <li>Elemento 2</li>
</ul>
</div>
 

¿Cómo se colorearían sólo los puntos de la lista con CSS? Sólo los puntos, no el texto.
Gracias.

Hola que tal luchi,

Me temo que no vas a poder cambiar únicamente el color de los puntos sin que ello quede afectado el color del texto(ya que lo cogería igual)...

Luego a partir de ahí puedes hacer algún que otro truco:

1.    Añadir una imagen como punto en la lista.
2.    Crear un • personalizado.
3.    (La opción mas recomendada) envolver el texto del ítem con una etiqueta span, de modo que aplicas dos reglas: una para el li y otra para el span dentro del li, ejemplo:

Código CSS:

<style type="text/css">
	li{
	        color: #ff6600;
	}
	li span{
		color: blue;
	}
</style>
 

Código HTML:

<div id="elementos">
<ul>
	<li><span>Elemento 1</span></li>
	<li><span>Elemento 2</span></li>
	<li><span>Elemento 3</span></li>
	<li><span>Elemento 4</span></li>
	<li><span>Elemento 5</span></li>
</ul>
 

Espero haberte ayudado, un saludo! ;)

Como te dijo exploiterstack, si deseas cambiarle el color a las "bullets" o viñetas, debes de introducir otro elemento dentro de li, ya que es al li al que le asignas un color.cPuedes ver el demo en éste JsFiddle (http://jsfiddle.net/5xutnkq7/1/).


Saludos.

Gracias a los dos. Solucionado.