WIDTH bei INPUT und SELECT werden unterschiedlich dargestellt

Aus ITwiki
Wechseln zu: Navigation, Suche

Problembeschreibung[Bearbeiten]

Tolles Thema: wer versucht, für ein INPUT-Feld dieselbe Breite (WIDTH) wie für ein SELECT-Feld hinzubekommen, wird feststellen, dass die Breite bei SELECT stets um ein paar Pixel kleiner ausfällt, als beim INPUT.

Lösung[Bearbeiten]

Auf stackoverflow.com habe ich einen Artikel gefunden, der beschreibt, wie dieses Problem zu lösen ist. Definiere im CSS einfach folgendes:

input, select, textarea 
{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

Werden diese Werte gesetzt, so passt die WIDTH für INPUT und SELECT genau - sie haben dieselbe Breite.

Nützliche Links[Bearbeiten]