How to change the bullet point's color in HTML

Question

How do I change the bullet's color, on a ul, li. In HTML. For example * Toyota, the star that shows I want to change its color.

Answer 1

ul {
  list-style: none;
}

ul li::before {
  content: "*"; 
  color: red; /*What color you want change here*/
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

<ul>
<li>Hello</li>
</ul>

Try this.....!

<style>
ul {
  list-style: none;
}

ul li::before {
  content: "*";
  color: red;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
</style>