ansaurus

Question

Answer 1

+6 A:

It must be overwritten. You could use:

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

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

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

PatrikAkerstrand 2009-06-03 19:26:31

Answer 2

+1 A:

you can create another definition lower in your CSS stylesheet that basically reverses the initial rule. you could also append "!important" to said rule to make sure it sticks.

Jason 2009-06-03 19:33:20

Answer 3

A:

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 overwrite 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>

Chris Tek 2009-06-04 20:34:52

Answer 4

+1 A:

You could turn it off by overwriting it like this:

height:auto !important;

Fabian Brenes 2010-05-03 21:19:48

ansaurus

tags:

views:

answers:

How to ignore parent css style

related questions