Discussion :

[Neuromancien2]

Bonjour,

J'ai un formulaire dont voici une partie :

Code :

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

1
2
3
4
5
6
7
8
<label for="article_expiration_date">Expiration date</label>
<input id="article_expiration_date" size="20" name="article[expiration_date]" value="" type="text" />
</fieldset>
<label class="required floatnone" for="article_text">*Text</label><br />

<input type="button" value="Bold" class="button" onclick="simpleTag('article_text', 'b');" title="..." />
<input type="button" value="Italic" class="button" onclick="simpleTag('article_text', 'i');" title="..." />
<input type="button" value="Underline" class="button" onclick="simpleTag('article_text', 'u');" title="..." />

Ma feuille de style contient :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#content input { 
	color: #000000;
	background: #fee3ad;
	border: 1px solid #000000;
	margin-bottom: 5px;
}
 
#content input:focus, select:focus, textarea:focus {
	background-color: #ffffff;
	border: 2px solid #000000;
	color: #ff0000;
}
 
.button {
	color: #ffffff;
	background: #336699;
	border: 1px solid #000000;
}

Le style de la classe button ne s'applique pas. A la place j'ai le style général défini pour les champs de formulaires content input. Que faut-il faire ?

[Er3van]

Hum, effectivement ça devrait s'appliquer.

Essaye avec #content input .button, au cas où.

Un lien pour toi

[nicoaix]

Chez moi ça fonctionne parfaitement (sous IE7 comme sous firefox). Il y a peut être d'autres styles ou d'autres feuilles de style qui perturbe ton code.

[razorlok]

Le style de ton bouton n'est-il pas "écrasé" par un autre syle prédominant ?
Essaie de créer un <div id="bouton"> avant l'appel de ton bouton et de changer le CSS en

#bouton {color: #ffffff;
background: #336699;
border: 1px solid #000000;
}

<div id="bouton">
<input type="button" value="Bold" class="button" onclick="simpleTag('article_text', 'b');" title="..." />
<input type="button" value="Italic" class="button" onclick="simpleTag('article_text', 'i');" title="..." />
<input type="button" value="Underline" class="button" onclick="simpleTag('article_text', 'u');" title="..." />
</div>