title: Apply CSS fill on an star element
body: <p>I'm using star element from - <a href="http://fortawesome.github.io/Font-Awesome/icon/star-o/" rel="nofollow">http://fortawesome.github.io/Font-Awesome/icon/star-o/</a></p>
  
  <p>and I want to fill it with color, the <code>color: red;</code> only applies to the surrounding of the element, couldn't find out the right definition for the all star.
  My code:</p>
  
  <pre><code>&lt;i class="fa fa-star-o" ng-click="alertStar(1)" id="1"&gt;&lt;/i&gt;
  </code></pre>
  
  <p>And the CSS :</p>
  
  <pre><code>#1 {
    color: red;
  }
  </code></pre>