How to ignore parent css style

Question

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.

<style> #elementId select {     height:1em; } </style>  <div id="elementId">     <select name="funTimes" style="" size="5">         <option value="test1">fish</option>         <option value="test2">eat</option>         <option value="test3">cows</option>     </select> </div> 

Ways I do not want to solve this problem:

• I cannot edit the stylesheet where the "#elementId select" is set, my module won't have access that.
• Preferably not override the height style using the style attribute.

For example using firebug i can turn off the parent style and all is well, this is the effect I am going for.

Once a style is set, can it be disabled or must it be overridden?

Answer 1

You could turn it off by overriding it like this:

height:auto !important;