title: How do I drop the css style from the fieldset labels when the user has hovered over the labels for the first time?
body: <p>I have the below fiddle for my fieldset star rating selector:</p>
  
  <p><a href="https://jsfiddle.net/bxd107gv/" rel="nofollow noreferrer">https://jsfiddle.net/bxd107gv/</a></p>
  
  <p>It's designed to default to 5 stars but the user can then click one to amend the selection to a lesser value if appropriate but; I think the style:</p>
  
  <pre><code>.rating &gt; label{
      color:#FFD700;
  }
  </code></pre>
  
  <p>Is interfering by applying that so I tried doing a mouseover event in JS to set the star back to it's default colour but that has the exact same issue but with a different colour; how do I amend this so that only the stars that are selected are highlighted yellow and the rest are grey after the user changes from 5 stars to any other value?</p>