Kann ich Aufzählungszeichen in HTML-Listen einfärben, ohne die Tags „' oder „' zu verwenden?

HTML-Listenaufzählungszeichen ohne Span einfärben

Frage:

Kann die Farbe von Aufzählungszeichen in einer HTML-Liste ohne geändert werden? Hinzufügen von Elementen wie oder

innerhalb der

Tags?

Antwort:

Ja, Sie können dies erreichen, indem Sie das Pseudoelement li:before verwenden:

li {
  list-style: none;
}

li:before {
  /* Use 22 for a round bullet */
  /* Use A0 for a square bullet */
  content: '22';
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -10px;
  top: 0;
  color: green;
  font-size: 20px;
}

<ul>
  <li>foo</li>
  <li>bar</li>
</ul>

Diese Technik erfordert kein zusätzliches Markup innerhalb des

Elemente. Allerdings gibt es bestimmte Einschränkungen:

• Unterstützte Browser: IE8 und höher, Firefox, Chrome
• Der Aufzählungszeichenstil ist auf Unicode-Zeichen beschränkt

Das obige ist der detaillierte Inhalt vonKann ich Aufzählungszeichen in HTML-Listen einfärben, ohne die Tags „' oder „' zu verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!