Styling list bullets with ::marker

You can style list bullet with special ::marker pseudo-element selector

li::marker {
  color: red;
  font-size: 40px;
}

Supports all font properties and color property

You can also add marker to any list-item for example:

p {
  display: list-item;
}

p::marker {
  content: "🎄";
}

Tweet