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: 
It must be overridden. You could use:

```
<!-- Add a class name to override -->
<select name="funTimes" class="funTimes" size="5">

#elementId select.funTimes {
   /* Override styles here */
}

```

Make sure you use `!important` flag in css style e.g. `margin-top: 0px !important` [What does !important mean in CSS?](https://stackoverflow.com/questions/9245353/what-does-important-mean-in-css)

You could use an attribute selector, but since that isn't supported by legacy browsers (read IE6 etc), it's better to add a class name
There are a bunch of values that can be used to undo CSS rules: initial, unset & revert.
More details from the CSS Working Group at W3C:

<https://drafts.csswg.org/css-cascade/#defaulting-keywords>

As this is 'draft' not all are fully supported, but unset and initial are in most major browsers, revert has less support.