Zoe, I agree that's the way it should work, but in reality it does not. In FF and IE6, the select and input do not inherit: http://www.msu.edu/~maziak/umg/selectInput3.html (I used a base of 10px, and then a class of font-size:3em and color:red to be obvious.)
I'll stick with adding font-size:100% on the input and select to 'force' them to inherit. http://www.msu.edu/~maziak/umg/selectInput2.html Thanks anyway, -Pete -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Zoe M. Gillenwater Sent: Friday, March 10, 2006 6:34 PM To: [email protected] Subject: Re: [css-d] font-size and forms (input and select) Maziak, Peter (Tek Systems) wrote: > http://www.msu.edu/~maziak/umg/selectInput.html > > How can I get the three instances of the word Westwood (text, select, > input) to be the same font-size? > > <snip> > body { > font-size:80%; > font-family:Arial, Helvetica, sans-serif; } .inputTable, .inputTable > input, .inputTable select { > font-size: 2em; > color:red; > } > I see you've already solved this, but just to explain what was happening: You set .inputTable to be 2em, which is inherited by everything inside it. So let's say the base font size is 10px (for ease of calculation) -- everything inside inputTable is now 20px. Then, you set the inputs inside inputTable to be 2em again (instead of just allowing inheritance to do its thing). So, they are now 40px. Make sense? All you really needed was: .inputTable { font-size: 2em; color:red; } Zoe -- Zoe M. Gillenwater ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
