Hola danes: (Hola tunait
)
Con respecto a los colores, no encontré una forma de cambiar los elementos, pero te preparé un ejemplo para cambiar los estilos, y que creo que es lo que pides...
Ejemplo:
Código PHP:
<ul >
<li style="list-style-type:disc">Linea de prueba</li>
<li style="list-style-type:circle" onmouseover="this,style.listStyleType = 'disc'"
onmouseout="this,style.listStyleType = 'circle'"
onclick="this,style.listStyleType = 'square'; this.onmouseover=''; this.onmouseout=''"
>Linea de prueba 2</li>
</ul>
El primer elemento de la lista no hace nada, pero el segundo tiene el estilo circle, con el ratón pasa al disc y se recupera... y al clickear se estaciona en square...
Creo que la solución para tu caso pasaría por usar list-style-image, y crearte tres circulos con los colores que tu necesites...
Espero que te sirva.
Saludos