Page 1 sur 1

modifier largeur d'un champ

Posté : 09 janv. 2021, 11:29
par jeremygoldyn
Hello tout le monde,

Je n'arrive pas à savoir quelle propriété et/.ou comment l'appliquer pour modifier la largeur d'un champ.
Ce champ est une liste de pays dans laquelle je vais chercher des infos depuis SQL.
Il prend la largeur du nom de pays le plus long.
J'aimerais que la largeur du champ soit de 300px.
Merci de votre aide.

Code html:

Code : Tout sélectionner

<div class="labelpays"> <div>Pays</div> <select name="pays"> <?php $requete = 'SELECT pays_nom FROM pays'; $liste_pays = $bdd->query($requete); while ($donnees = $liste_pays->fetch()) { echo '<option value="' . $donnees['pays_nom'] . '">' . $donnees['pays_nom'] . '</option>'; } ?> </select></div>
Code CSS

Code : Tout sélectionner

.labelpays { border: rgb(206, 206, 206); border-style: solid; border-width: 1px; margin-right: 12px; color: rgb(251, 124, 41,1); border-radius: 2px; padding-top: 10px; padding-bottom: 8px; padding-left: 25px; padding-right: 107px; }

Re: modifier largeur d'un champ

Posté : 09 janv. 2021, 13:08
par @rthur
Il faut que tu appliques ton CSS sur <select name="pays">
Soit tu lui définis une class ou un id, soit (c'est moins propre) tu mets l'attribut style directement dans le code de ta balise.

Re: modifier largeur d'un champ

Posté : 09 janv. 2021, 21:56
par jeremygoldyn
Merci @rthur !

Ca fonctionne !
.selectpays
{
    max-width: 120px;
}