title: How to ignore parent css style
body: <p>I'm wondering how to ignore a parent style and use the default style (none). I'll show my specific case as an example but I'm pretty sure this is a general question.</p>
  
  <pre><code>&lt;style&gt;
  #elementId select {
      height:1em;
  }
  &lt;/style&gt;
  
  &lt;div id="elementId"&gt;
      &lt;select name="funTimes" style="" size="5"&gt;
          &lt;option value="test1"&gt;fish&lt;/option&gt;
          &lt;option value="test2"&gt;eat&lt;/option&gt;
          &lt;option value="test3"&gt;cows&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Ways I do not want to solve this problem:</p>
  
  <ul>
  <li>I cannot edit the stylesheet where the "#elementId select" is set, my module won't have access that. </li>
  <li>Preferably not override the height style using the style attribute. </li>
  </ul>
  
  <p>For example using firebug i can turn off the parent style and all is well, this is the effect I am going for. </p>
  
  <p><strong>Once a style is set, can it be disabled or must it be overridden?</strong></p>