Previous Message
Next Message

stylizing an OPTION element

Sent by Jukka K. Korpela on 7 April 2007 17:05


On Sat, 7 Apr 2007, Mauricio Samy Silva wrote:

> It's well know that some styles applied to an OPTION element inside a 
> SELECT in most cases is honored by Firefox but doesn't by IE.

Yes, and this varies by browser version as well.

> For example:  if we set width:120px for the select and width:200px for 
> the OPTION, IE ignore the 200px and goes with 120px for the OPTION.

Since the option elements are inside a select element, what should really 
happen? By CSS specifications, the contents of select overflows, and 
overflow is visible by default; the select box width should not change. We 
can speculate about possible browser style sheet that make the observed 
behavior nominally acceptable, but the bottom line is that you cannot 
expect anything consistent here.

> Are there a workaround in order to force IE behaves like FFox?

Hardly. But if you want 120px width for a select menu, why don't you set 
that width, instead of trying to override the select width in inner 
elements (which really _shouldn't_ work, by CSS specs).

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: