Comment définir la même largeur HTML de saisie de texte et de tomber d'entrée

J'ai les deux éléments HTML comme ceci:

<input type="text">

et

<select>
  <option>Apple</option>
  <option>Orange</option>
  <option>Banana</option>
  <option>Grapes</option>
</select>

Je ne suis pas capable de le faire de la même largeur. Peu importe ce que la largeur je précise pour les DEUX éléments, à 100% ou à 200px ou que ce soit, la liste déroulante, semble toujours être sur 5px plus courte que la zone de texte. Ce qui se passe dans IE, Firefox et Chrome sous WINDOWS.

Comment puis-je les mettre de la même largeur?

Solution

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

OriginalL'auteur | 2011-02-23

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *