Changer la taille d'un seule input

Résolu
ProgProject Messages postés 71 Date d'inscription   Statut Membre Dernière intervention   -  
jordane45 Messages postés 38480 Date d'inscription   Statut Modérateur Dernière intervention   - 24 févr. 2015 à 19:14
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 38480 Date d'inscription   Statut Modérateur Dernière intervention   4 746
 
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