Question

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

Answer 1

<!-- 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; 
}

 

70+ SQL courses for beginners and professionals