how to change the list point html code example

Example 1: how to change only bullet color in css

li::before {content: "•"; color: red;
  display: inline-block; width: 1em;
  margin-left: -1em}

Example 2: hrml bulet points

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>