title: change a portion of text's color in a dropdown or checkbox
body: <p>I have a dropdown like this:</p>
  
  <pre><code>&lt;select name="how-you-hear"&gt;
      &lt;option value="---"&gt;---&lt;/option&gt;
      &lt;option value="Advertisement or Media"&gt;Advertisement or Media&lt;/option&gt;
      &lt;option value="Past Working Experience"&gt;Past Working Experience&lt;/option&gt;
      &lt;option value="Word Of Mouth"&gt;Word Of Mouth&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I would like to make the word Experience's color turn into yellow, so I add &lt;span class="yellow"&gt;Experience&lt;/span&gt;. But instead of changing the color to yellow, the span is printed just like below:</p>
  
  <p><img src="https://i.stack.imgur.com/40xpX.jpg" alt="enter image description here"></p>
  
  <p>Is there another way to solve this? I have the same problem with checkboxes too.</p>