Les partenaires publicitaires:

Comment augmenter la taille d'une zone de liste déroulante html

Menus déroulantes HTML présentent un certain nombre d'options prédéfinies pour le spectateur d'une page Web, et permettent au spectateur de sélectionner une option dans la liste. Un navigateur Web affiche automatiquement la largeur de la zone de liste déroulante pour adapter l'option la plus longue, mais ce ne sont pas toujours les comportements souhaitables. Cascading Style Sheets ou CSS, vous permettent de redéfinir la façon dont le navigateur affiche des éléments comme un menu déroulant, en définissant des propriétés telles que la propriété largeur. En appliquant un style CSS à tous les menus déroulants sur la page, vous pouvez vous assurer tous les menus rendent à une taille compatible.

Instructions

  1. Créer une nouvelle page HTML dans un éditeur de texte ou de l'application de la conception Web. Ajoutez le code ci-dessous entre le HTML """"Balises pour ajouter un formulaire HTML et le menu déroulant sur la page.




    Enregistrez la page sous "exemple.htm" et les charger sur votre serveur Web. Voir la page dans un navigateur Web, et vous verrez le menu déroulant est automatiquement redimensionnée à la taille la plus longue option, qui est "la troisième option."

  2. Ajoutez le code suivant pour créer une nouvelle feuille de style CSS, juste au-dessus du HTML de fermeture ""Tag.

    Cela crée une nouvelle classe de style nommé "large déroulante», qui fixe la largeur de l'élément auquel il est affecté au 200 pixels.



  3. Affecter la nouvelle classe de style au menu déroulant en changeant la balise select HTML à lire: