Changer la taille d'un seule input

Résolu/Fermé

ProgProject Messages postés 71 Date d'inscription vendredi 8 août 2014 Statut Membre Dernière intervention 20 juillet 2017 - Modifié par html42 le 24/02/2015 à 19:06
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 - 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

A voir également:

Taille input html
Comment réduire la taille d'un fichier - Guide
Input signal out of range ✓ - Forum Matériel & Système
Editeur html - Télécharger - HTML
Reduire taille photo - Guide
Br html ✓ - Forum Webmastering

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
Modifié par jordane45 le 24/02/2015 à 19:15

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

Discussions similaires

taille des input

comment agrandir une image en css

Ajustement automatique taille de la page

HTML - définir taille bouton

Comment redimensionner des images via HTML ?

html : taille d'un bouton