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
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
______________________________________________________________________
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/
