[RESOLU] modifier largeur d'un champ

Eléphant du PHP | 61 Messages

09 janv. 2021, 11:29

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; }

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

09 janv. 2021, 13:08

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.
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphant du PHP | 61 Messages

09 janv. 2021, 21:56

Merci @rthur !

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