Wie ändere ich die Aufzählungsfarben von HTML-Listen nur mit CSS?

So gestalten Sie die Farben von Aufzählungszeichen in HTML-Listen

F: Wie kann ich die Farbe der Aufzählungszeichen in einer unsortierten HTML-Liste ändern, ohne zu verwenden Bilder oder Span-Tags?

A: Hier ist eine elegante Lösung mit CSS:

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

li {
  padding-left: 1em; 
  text-indent: -.7em;
}

li::before {
  content: "• ";
  color: red; /* or whatever color you prefer */
}

HTML:

<ul>
  <li>Foo</li>
  <li>Bar</li>
  <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li>
</ul>

Dadurch erhalten Sie quadratische Aufzählungszeichen mit roter Farbe, ohne die Verwendung von Bildern oder Spam-Tags.

Das obige ist der detaillierte Inhalt vonWie ändere ich die Aufzählungsfarben von HTML-Listen nur mit CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!