89 votes

Hauteur d'une boîte de sélection HTML (liste déroulante)

Quelqu'un peut-il confirmer que son no possibilité de modifier la hauteur d'une liste déroulante qui s'affiche lorsque vous cliquez sur une boîte de sélection.

L'attribut size du select le fait ressembler à une liste, l'attribut height dans le CSS ne fait pas grand chose non plus.

0 votes

La liste déroulante est un contrôle au niveau de l'application, et non du client. (triste)

0voto

El Chi Row est une bonne option pour le problème, mais j'ai trouvé une erreur dans l'application onclick arguments. Au lieu de cela, ce serait :

<select size="1" position="absolute" onclick="size=(size!=1)?1:n;" ...>

(Et mentionnez que vous devez remplacer le " n " avec le nombre de lignes dont vous avez besoin)

0voto

Chi Row Points 502

Cette solution n'est pas parfaite, mais elle fonctionne en quelque sorte.

Dans la balise select, incluez les attributs suivants, où "n" est le nombre de lignes de la liste déroulante qui seront visibles.

<select size="1" position="absolute" onclick="size=(size!=1)?n:1;" ...>

Cette solution présente trois problèmes. 1) Il y a un flash rapide de tous les éléments affichés lors du premier clic de souris. 2) La position est définie comme "absolue". 3) Même s'il y a moins de "n" éléments, la boîte déroulante sera toujours de la taille de "n" éléments.

0 votes

Bon essai mais pas de chance, j'ai aussi essayé de le remplacer par onFocus .

-2voto

Dangerousgame Points 53

Vous pouvez modifier la hauteur de l'un d'eux. N'utilisez pas height="500" (Juste un exemple de chiffre). Utilisez le style. Vous pouvez utiliser <style> ou utilisez simplement ceci :

<!DOCTYPE html>
<html>
<body>
  <select id="option" style="height: 100px;">
    <option value="1">Option 1
    <option value="2">Option 2
  </select>
</body>
</html>

Je mets en évidence le changement :

  <select id="option" style="height: 100px;">

Et encore mieux...

style="height: 100px;">

Vous voyez ça ?

Votez en faveur de ce produit s'il est utile !

0 votes

La question sur le style de la hauteur de l'élément qui s'ouvre lorsque vous cliquez sur une page de l'annuaire. <select> et non l'élément lui-même. J'ai posé cette question il y a plus de 10 ans, lorsque le style de ce widget était pratiquement impossible. Je suis sûr que ce n'est plus le cas.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X