css back to normal

[frodo]

hi to all,
i have designed a webpage using this line in the css

@import url("IE.css");

this allows me to set some special styles for input, textarea and select when people access the site using IE.
however i would like to use this special styles only for the top part of my page. is there a way of setting these "back to their default values" in some way?

thanks a lot for your help
frodo

[vgarcia]

Originally posted by frodo
hi to all,
i have designed a webpage using this line in the css

this allows me to set some special styles for input, textarea and select when people access the site using IE.
however i would like to use this special styles only for the top part of my page. is there a way of setting these "back to their default values" in some way?

thanks a lot for your help
frodo

How about putting your attributes for those inputs in classes rather than the entire element?

select.topForm {
 background-color: black;
 color: white;
 font-family: verdana, geneva, sans-serif;
}

Any <select> tags that don't have a class of "topForm" will be "normal".

--Vinnie

[dense13]

Another option: use descendant selectors, if the top part of your page is enclosed in a DIV. Something like:

<div id="topDiv">
... here is the top part ...
</div>

And in the CSS:

#topDiv select { ··· }
#topDiv input { ··· }
#topDiv textarea { ··· }

[frodo]

mmmh, both ideas are sound, but for reasons of simplicity and divine html motives (meaning sometimes html seems to work on a prayer) i would prefer to add a new line at the end of my section rather than modify what is already there.

thanks
frodo

[vgarcia]

Originally posted by frodo
mmmh, both ideas are sound, but for reasons of simplicity and divine html motives (meaning sometimes html seems to work on a prayer) i would prefer to add a new line at the end of my section rather than modify what is already there.

thanks
frodo

In that case, good luck with whatever you come up with.