Is there an easy way to change the color of a bullet in a list?

<ul>
  <li><span>item #1</span></li>
  <li><span>item #2</span></li>
  <li><span>item #3</span></li>
</ul>

li {
  color: red; /* bullet color */
}
li span {
  color: black /* text color */
}

<ul>
  <li style="color: #888;"><span style="color: #000">test</span></li>
</ul>

li:before {
   color: pink;
  }

<ul style="color: red;">
<li>One</li>
<li>Two></li>
<li>Three</li>
</ul>

<ul>
<li style="color:#ddd;"><span style="color:#000;">List Item</span></li>
</ul>

li { color: red; }
li b { color: black; font_weight: normal; }
.c1 { color: red; }
.c2 { color: blue; }
.c3 { color: green; }

<ul>
<li><b>Text 1</b></li>
<li><b>Text 2</b></li>
<li><b>Text 3</b></li>
</ul>

<ul>
    <li class="c1"><b>Text 1</b></li>
    <li class="c2"><b>Text 2</b></li>
    <li class="c3"><b>Text 3</b></li>
 </ul>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <style type="text/css">
    li {
      list-style: none;
    }

    li:before {
      /* For a round bullet */
      content:'2022';
      /* For a square bullet */
      /*content:'25A0';*/
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -10px;
      top: -0px;
      color: green;
      font-size: 20px;
    }
  </style>
</head>

<body>
  <ul>
    <li>foo</li>
    <li>bar</li>
  </ul>
</body>
</html>

<li style='color:#e0e0e0'>something</li>