Πώς να αλλάξετε το χρώμα των σημείων της λίστας

Μάθετε πώς να χρησιμοποιήσετε το CSS για να αλλάξετε το χρώμα των σημείων της λίστας.

Αλλαγή του χρώματος των σημείων της λίστας

  • Bill
  • Elon
  • Steve
  • John

Try it yourself

Πώς να αλλάξετε το χρώμα των σημείων της λίστας

Πρώτο βήμα - Προσθήκη HTML:

Δημιουργία μιας βασικής λίστας:

<ul>
  <li>Adele</li>
  <li>Agnes</li>
  <li>Billy</li>
  <li>Bob</li>
</ul>

Δεύτερο βήμα - Προσθήκη CSS:

Χρήση ::marker Επιλογή του επιλεγέντος για να αλλάξει το χρώμα των σημείων της λίστας των στοιχείων της λίστας:

li::marker {  
  color: red;  
{}

Try it yourself