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: 
You should use this 

height:auto !important;
It would make sense for CSS to have a way to simply add an additional style (in the head section of your page, for example, which would override the linked style sheet) such as this:

```
<head>
<style>
#elementId select {
    /* turn all styles off (no way to do this) */
}
</style>
</head>

```

and turn off all previously applied styles, **but there is no way to do this**. You will have to override the height attribute and set it to a new value in the head section of your pages.

```
<head>
<style>
#elementId select {
    height:1.5em;
}
</style>
</head>

```