Discussion :

[keaton7]

Bonjour,

Existe-t-il un moyen en css de différencier les champs input en fonction de ce qu'il determinent.

Par exemple, le code suivant modifie la hauteur des champs input, c'est sympa pour les input-text, mais les input type=button ou submit ne ressemblent plus a rien ... Comment appliquer des mise en formes a des "categories" de input ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
input
{
height:20px;
}

[k1rby]

Ben en utilisant des class :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
input.text {
  height:20px;
}

Ensuite quand tu fais le formulaire pour chaque input de type text tu fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<input class="text" type="text" name="champs1" />
<input class="text" type="text" name="champs2" />
<input class="text" type="text" name="champs3" />
ect.

[keaton7]

C'est effectivement la solution que j'avais envisagée, mais je me demandais si il existait une solution intégrée a CSS ?

[Macmillenium]

Bonsoir,

C'est effectivement la solution que j'avais envisagée, mais je me demandais si il existait une solution intégrée a CSS ?

Oui, le sélecteur d'attribut, malheureusement non implémenté dans IE6-

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
input[type=text] {
 height:20px;
}

[keaton7]

Arf, une bonne nouvelle contre une mauvaise ... Je commence mes tests de compatibilité a ie6 compris ... C'est bon a savoir, merci a tous les 2