title: Change li bullet color in js
body: <p>I have 20 templates that are set out like the code below. The text gets added in via a database so can't change the style of the ul/li in there. I want to write 1 function that will change it in all.</p>
  
  <p>Is it possible to only change the bullet list color (not the actual text) in a external js file?</p>
  
  <pre><code>&lt;div id="container"&gt;
  &lt;h1 id="head1"&gt;Header&lt;/h1&gt;
  &lt;p id="p1"&gt;
      &lt;ul&gt;
          &lt;li&gt;Test 1&lt;/li&gt;
          &lt;li&gt;Test 2&lt;/li&gt;
          &lt;li&gt;Test 3&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p></p>
  
  <p>Any help would be appreciated.</p>