title: How to color only the bullet in a unordered list
body: <p>I have the following:</p>
  
  <pre><code>&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;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>ul
  {
      list-style-type: square;
      text-align: left;
      padding-left: 10%;
  }
  ul li
  {
      padding: 5px;
      color: #00539B
  }
  </code></pre>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/andsf1x2/" rel="nofollow">http://jsfiddle.net/andsf1x2/</a></p>
  
  <p>How can I make only the bullets blue and text default color</p>