Relative Schriftgrößen könnten die da eine Menge Arbeit ersparen.
Du kannst aber auch mit Attribut-Selektoren arbeiten, wenn dir das lieber ist. Dann hast du alle Styles zentral.
Also ich habe mal getestet:
CSS:
.input{
font-family: Tahoma;
font-size: 15px;
font-weight: bold
}
input[size="2"] { WIDTH: 100px; }
input[size="3"] { WIDTH: 200px; }
HTML:
<INPUT class="input" maxLength="2" size="2" ><br>
<INPUT class="input" maxLength="3" size="3" >
Ergebnis:
Firefox 10.0.2 => zweites Feld ist doppelt so lang wie das erste
IE 8 => zweites Feld ist nur unwesentlich länger als das erste
Laut Quelle sollte das doch ab IE 7 funktionieren oder mach ich etwas falsch?