Ejemplo 1: cómo cambiar solo el color de las viñetas en CSS
li::before {content: "•"; color: red;
display: inline-block; width: 1em;
margin-left: -1em}
Ejemplo 2: cómo cambiar solo el color de las viñetas en css
li::before {content: counter(li); color: red;
display: inline-block; width: 1em;
margin-left: -1em}
Ejemplo 3: cambiar la lista CSS de colores de viñetas
ul {
list-style: none; /* Remove default bullets */
}
ul li::before {
content: "2022"; /* Add content: 2022 is the CSS Code/unicode for a
bullet */
color: red; /* Change the color */
font-weight:
bold; /* If you want it to be bold */
display: inline-block; /*
Needed to add space between the bullet and the text */
width: 1em;
/* Also needed for space (tweak if needed) */
margin-left: -1em; /*
Also needed for space (tweak if needed) */
}
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)