Fill in color of UTF-8 star
<p>How can I use CSS to fill in the background color of a UTF-8 star (&#9734;)? I tried using this, but it only changes the border color:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.rating {
  color: #f70;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p class="rating"&gt;&amp;#9734;&amp;#9734;&amp;#9734;&amp;#9734;&lt;/p&gt;</code></pre>
</div>
</div>
</p>