Avoir une barre de défilement dans la liste déroulante HTML
Je suis à la recherche d'un moyen d'avoir une barre de défilement dans la liste déroulante en HTML, de telle sorte que si la liste déroulante contient plus de par exemple. 5 éléments, une barre de défilement apparaîtra pour visualiser le reste. C'est parce que je vais être obligé d'avoir une grande liste.
J'ai été googleing pour le passé des heures, mais avec pas de chance.
Il a besoin de travailler pour IE8+, FF et Chrome.
Ma liste ressemble à ceci:
<select name="Select1" size="1">
<option value="">- Please select a name -</option>
<option value"volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="ford">Ford</option>
<option value="toyota">Toyota</option>
<option value="aston">Aston Martin</option>
<option value="alfa">Alfa Romeo</option>
</select>
J'ai essayé d'utiliser le code CSS suivant dans un Div, mais qui ne fait pas de différence.
.myDropDown{
height: 60px;
max-height: 60px;
overflow-y: scroll;
}
La modification de la "taille" donne une grande mesure de défilement de la table, ce qui n'est pas ce que je suis après.
http://blogs.msdn.com/cfs-filesystemfile.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-00-70-78-metablogapi/1882.clip_5F00_image001_5F00_thumb.png est une image appropriée de ce que je suis après.
J'ai la possibilité d'utiliser le js, php et jQuery, si nécessaire, mais la solution la plus simple, le mieux.
//Ambrose
- Juste un utile plugin jQuery qui pourrait vous aider: harvesthq.github.io choisie/
Vous devez vous connecter pour publier un commentaire.
Vous avez besoin de donner un " id " de votre tag.
il devrait en être ainsi
HTML 5
CSS
Vous ne pouvez pas modifier l'intégré dans le comportement de l'élément SELECT. Vous pouvez envisager un JS de remplacement, telles que Twitter Bootstrap.
Je suis peut-être raté quelque chose mais n'est-ce pas le
size
attribut est pour?JSfiddle