Discussion :

[krfa1]

Bonjour,

J'avais déjà posté un problème semblable, mais ce n'est pas le même.

J'aimerais modifier la couleur de tout mes <input type="submit"> de mon site. J'ai essayé ce code, mais ça ne marche pas. Comment puis-je faire.

Code :

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

1
2
3
4
INPUT.submit
{
background-color : red;
}

Je précise que c'est que les boutons que je veux modifier, mais pas les zones de texte

Merci d'avance

[spirou]

Salut,

En affectant une classe ou un identifiant à input, cela fonctionne.

Code :

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

1
2
 
<input class="bouton" type="submit" name="" value="" />

Code :

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

1
2
3
4
 
.bouton{
background-color: #f00;
}

[10-nice]

INPUT.submit est faux, c'est une balise input donc y accéder par son type depuis un conteneur, ou la classe associé ou directement par son id.

pour la classe c'est comme spirou a dit.

pour le conteneur si ton bouton est placé dans une div.

Code :

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

1
2
3
<div id="div"><input class="bouton" type="submit" name="" value="" /></div>
 
#div input{bacjground-color : #F00;}

pour l'inpout ayant directement un id.

Code :

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

1
2
3
<input id="submit" class="bouton" type="submit" name="" value="" />
 
#submit { background-color : #F00;}

Voila à toi de choisir la solution que tu veux.

[krfa1]

Ah ok, merci beaucoup.

Maintenant j'ai un autre problème, internet explorer fait des siennes. J'ai ce code la

Code :

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

1
2
3
4
5
.boutton
{ 
    background-color: #FFEFD5 ; 
	border : 1px solid red;
}

Sous firefox, tout est joli, c'est bon.

Maintenant sous ie, il me mets une jolie bordure rouge, mais me mets aussi une jolie bordure noire autour. En fait il m'en mets deux. Est-ce que quelqu'un pourrait me dire comment résoudre ce problème???

Merci d'avance pour votre aide

[spirou]

Comme ceci :

Code :

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

1
2
3
4
5
6
 
.boutton{
    background-color: #ffefd5;
    border: none;
    border : 1px solid #f00;
}

:

[krfa1]

Merci infiniment pour ton aide. Mais c'est quand même bizarre : : : !

Merci encore beaucoup a tous!

A plus

Bye