Archiv für den Monat: Dezember 2019

CSS: Farbige Aufzählungszeichen

Manchmal wär’s schön, wenn die Aufzählungszeichen in Listen (bullets) farbig wären – oder sogar statt bullet etwas Originelleres .

so gehts:

/* Farbe der Aufzählungspunkte */ 
.entry-content ul { list-style: none; } /* Entferne Aufzählungspunkt */ 
.entry-content li::before { 
	font-family: Arial, Helvetica, sans-serif; 
	content: "\2055"; /* Unicode--Symbol */ 
	color: #1c9135; /* Aufzählungspunkt-Farbe */ 

	/* Optional tweaks */
	font-weight: bold; 
	padding-right: 10px; }

Und so sieht es aus:

  • hallo
  • ich
  • bin eine
  • Aufzählung