Come fare per - Cambia il colore del punto elenco degli elenchi
Scopri come modificare i colori dei punti elenco per gli elenchi con CSS.
Cambia il colore del punto elenco
- Adele
- Agnese
- Billy
- Bob
Passaggio 1) Aggiungi HTML:
Crea un elenco di base:
Esempio
<ul>
<li>Adele</li>
<li>Agnes</li>
<li>Billy</li>
<li>Bob</li>
</ul>
Passaggio 2) Aggiungi CSS:
Per impostazione predefinita, non è possibile modificare il colore del punto elenco di una voce di elenco. Tuttavia, puoi fare alcuni trucchi CSS per renderlo possibile. Nota che potresti doverlo modificare in modo leggermente diverso se stai utilizzando un framework CSS o un foglio di stile speciale:
Esempio
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) */
}