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: 
The all property in CSS resets all of the selected element’s properties, except the direction and unicode-bidi properties that control text direction.

```
.module {
  all: unset;
}

```

The point of it is allowing for component-level resetting of styles. Sometimes it’s far easier to start from scratch with styling rather than fight against everything that is already there.

```
/* -------- For Your code -------- */
#elementId select.funTimes {
  all: unset;
}

```
I had a similar situation while working on a joomla website. 

Added a class name to the module to be affected. In your case:

```
<select name="funTimes" class="classname">

```

then made the following single line change in the css. Added the line

```
#elementId div.classname {style to be applied !important;}

```

worked well!