dargestellte Breite von 'select' vs. 'input'

[Gunnar Bittersmann]

@@alle:

Markup:

<select>  
  <option>foo</option>  
</select>  
<br/>  
<input type="text"/>

Stylesheet:

input, select  
{  
  background-color: silver; /* damit man was sieht */  
  border-width: 0;  
  padding: 0;  
  width: 42px;  
}

Die Boxen von 'select' und 'input' sind gleich breit.

Gibt man aber 'border-width' oder 'padding' von 0 verschiedene Werte, ist die 'input'-Box breiter als die 'select'-Box. Bei der 'input'-Box werden 'border-width' und 'padding' entsprechend dem Box-Modell hinzugerechnet; bei der 'select'-Box nicht.

Gibt es dafür eine andere Erklärung außer „Browser haben ihre eigenen Vorstellungen von Formularelementen“?

Live long and prosper,
Gunnar