How to change the bullet color and size in HTML list (li) with CSS

1 Answer

<!-- HTML -->

<ul>
   <li>HTML</li>
   <li>CSS</li>
   <li>JavaScript</li>
</ul>

/* CSS */

ul {
  list-style: none;
  font-size: 24px; /* new size */
}

ul li::before {
  content: "•"; 
  padding-right: 12px;
  color: green; 
}

answered Feb 22, 2021 by avibootz

2 answers 160 views

160 views

asked Feb 22, 2021 by avibootz

1 answer 143 views

143 views

asked Feb 22, 2021 by avibootz

1 answer 137 views

137 views

asked Sep 23, 2019 by avibootz

1 answer 124 views

124 views

asked Apr 29, 2015 by avibootz

3 answers 178 views

178 views

asked Dec 27, 2015 by avibootz

...