Change color of font-awesome star icon
<p>I have a font-awesome star-o icon and onclick I want to set its color to yellow. Can some one help me?</p>

<p><code>&lt;div id="favourite_star"&gt;
    &lt;span class="fa-stack fa-lg left"&gt;
        &lt;i class="fa fa-square-o fa-stack-2x"&gt;&lt;/i&gt;
        &lt;i class="fa fa-fw fa-lg fa-star-o fa-stack-1x favourite_icon" onclick="setLocally()"&gt;&lt;/i&gt;&lt;/span&gt;
&lt;/div&gt;</code></p>

<p>I just want the color inside the star to be set yellow. I tried to set it using jquery the color to yellow but it sets only the edges of star to yellow and then I tried with the background-color to yellow then its sets the whole square to yellow. </p>