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?
 nicht angemeldet
 nicht angemeldet Gunnar Bittersmann
 Gunnar Bittersmann