Changer la taille d'un seule input

Résolu
ProgProject Messages postés 81 Statut Membre -  
jordane45 Messages postés 40050 Statut Modérateur -
Bonjour,
Je suis entrain de développer un formulaire seulement je veux changer la taille d'un seule input mais j'ai deja mis cette balise pour les autre input:
#input{
border:2px solid #878787;
width:250px;
height: 30px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

Du Coup je ne peut pas changer la taille du input que je veut
alor si vous savez comment faire dites le moi

1 réponse

jordane45 Messages postés 40050 Statut Modérateur 4 753
 
Bonjour,

L'utilisation du diese
#input
indique que votre STYLE s'appliquera aux éléments dont l' ID est INPUT ...
Pour que le code soit pris en compte par TOUS les INPUT vous devez écrire SANS LE DIESE.

en gros :
<style>
#idElement {
// s'applique aux éléments dont l'ID est : idElement 
}

element{
// s'applique aux éléments de type : element
// input par exemple....
}

.nomclass{
// s'applique à tous les éléments ayant 
// comme class : nomclass

}
</style>


Donc... pour spécifier une taille particulière à un input donné tu peux :

Exemple via l' ID
<input type="text" id="qqchose" value=" une premiere valeur">

Exemple via une CLASS
<input type="text"  class="majolieclass" id="peuimporte" value=" une seconde valeur">

Exemple d'un input sans class ni ID référencés dans le CSS
<input type="text"  class="uneClassAutre" id="nImportQuoi" value=" une autre valeur">


<style>
#qqchose{
// s'applique aux éléments dont l'ID est : qqchose
width:150px;
}

input{
// s'applique aux éléments de type : input 
width:20px;

}

.majolieclass{
// s'applique à tous les éléments ayant 
// comme class : majolieclass
width:250px;
}
</style>



Cordialement,
Jordane
0