Styling numbers of lists with css

Question

How can I style the numbers on the list? I made an ordered list and I want to style the numbers To delete the dots And Change color and background color

If you already have the knowledge on the html part, i suggest checking this [w3schools CSS Styling Lists](https://www.w3schools.com/css/css_list.asp) i think it covers your needs. — ioannis-kokkalis, Apr 22 '22 at 19:12
CSS counter is also an option : https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Counter_Styles/Using_CSS_counters It also can be applied to any HTML structure/elements aside lists — G-Cyrillus, Apr 22 '22 at 19:22

score -1 · Answer 1 · answered Apr 22 '22 at 19:17

-1

Here is a basic sample of what you are asking for:

ol {
  list-style-type: none;
  color: red;
  background: blue;
}

<ol>
  <li>item 1</li>
  <li>item 2</li>
</ol>

answered Apr 22 '22 at 19:17

GonePhishing

96
7

It's about the dots also ;) – G-Cyrillus Apr 22 '22 at 19:38
1

The dots on the numbers... that makes more sense. I thought OP mistakenly meant they made a `ul` or something – GonePhishing Apr 22 '22 at 19:40

Styling numbers of lists with css

1 Answers1