Sélectionnez la taille de l'attribut de taille qui ne fonctionne pas dans Chrome / Safari?

Comment résoudre le problème que sélectionner un attribut taille, comme dans le code:

<select size="2">
    <option value="0" selected="selected">Default</option>
    <option value="1">select 1</option>
    <option value="2">select 2</option>
    <option value="3">select 3</option>
</select>

Comment puis-je le faire fonctionner dans Chrome et Safari?

source d'informationauteur user2228586

  1. 9

    C'est un bug connu dans les navigateurs webkit.

    La façon la plus simple de l'obtenir pour fonctionner exactement comme vous le voulez dans Chrome et Safari serait de spécifier manuellement le style de la sélectionner lui-même.

    Ici est un travail jsFiddle.

    HTML:

    <select size="2">
   <option value="0" selected="selected">Default</option>
   <option value="1">select 1</option>
   <option value="2">select 2</option>
   <option value="3">select 3</option>
</select>

    CSS:

    select {
    height:36px;
    font-size:14px;
}
  2. 1

    - Je utiliser l'attribut de taille dans le code HTML pour les "autres" des navigateurs, puis spécifiez webkit apparition dans le CSS. D'autres types de menu options de la liste sont disponibles, textfield n'est pas le seul. Et vous pouvez avoir besoin de jouer avec la hauteur en fonction de la taille de police. Cela rend-il l'air sur la même sur tous les navigateurs.

    CSS

    select{
  -webkit-appearance: menulist-textfield;
  height: 45px;
}
  3. 0

    Inclure height: auto et cela devrait fonctionner.

    <select size="2" style="height: auto">
    <option value="0" selected="selected">Default</option>
    <option value="1">select 1</option>
    <option value="2">select 2</option>
    <option value="3">select 3</option>
</select>
  4. -4

    Essayez d'utiliser la propriété css width de la balise select :

    select {
  width:value px;
}