max hauteur pour sélectionner l'élément de liste déroulante (option éléments)

Comment puis-je limiter la hauteur de la liste déroulante d'un élément select - de sorte que si le montant total des options est supérieure à cette hauteur, je devrais obtenir un défilement dans la liste déroulante.
Je serais satisfait si je pouvais faire cela en termes de pixels ou le nombre d'articles.

Donc, dis-je, était le suivant le balisage html:

<select>
    <option selected>Select</option>
    <option>This is an option</option>
    <option>This is another Option</option>
    <option>This is another Option</option>
    <option>This is another Option</option>
    <option>This is another Option</option>
    <option>This is another Option</option>
    <option>This is another Option</option>
    <option>This is another Option</option>
    <option>This is another Option</option>
    <option>This is another Option</option>
</select>

Comment puis-je afficher seulement dire les 4 premières options et le reste à l'intérieur d'un parchemin.

Cette est ce que j'ai à ce jour, et il ne fonctionne pas.

OriginalL'auteur Danield | 2012-11-13

  1. 8

    Recherche autour sur StackOverflow, je suis tombé sur cette. Malheureusement, si vous voulez garder une liste déroulante boîte, vous ne pouvez pas obtenir ce que vous voulez dans le CSS. JavaScript ou jQuery fera l'affaire, comme il est dit dans le lien, ou vous pouvez utiliser la size attribut sur votre select tag, mais cela permettra de briser la liste déroulante boîte à regarder.

    ok, on dirait que c'est la réponse alors.

    OriginalL'auteur Simon Carlson

  2. -1

    J'ai trouvé la réponse dans le CSS+HTML, vous pouvez le faire de cette façon:

    <select>
  <optgroup style="max-height: 65px;" label="">
    <option selected>Select</option>
    <option>This is an option</option>
    <option>This is another Option</option>
    <option>This is another Option</option>
    <option>This is another Option</option>
    <option>This is another Option</option>
    <option>This is another Option</option>
    <option>This is another Option</option>
    <option>This is another Option</option>
    <option>This is another Option</option>
    <option>This is another Option</option>
  </optgroup>
</select>
    Juste essayé ceci, mais il ne semble pas fonctionner. Vérifier ceci.
    im en utilisant firefox et ici, il a travaillé, changer le max-hauteur de 65px, pour obtenir les 4 premières options
    hmm semble fonctionner seulement dans firefox... le problème, c'est la propriété css max-hauteur qui ne fonctionne correctement dans tous les navigateurs
    j'ai trouvé le problème: son style qui ne pas appliquer sur les < "optgroup" > dans l'autre, les navigateurs juste dans firefox... im cochant cette sortie

    OriginalL'auteur Paulo Roberto