Comment renvoyer en CSS à une entrée à laquelle est attachée une classe?

Question

J'ai le problème suivant: J'ai un formulaire avec quelques entrées. À la fin du formulaire, j'ai un bouton soumettre et un bouton de réinitialisation, qui sont des entrées. J'ai un style dans mon fichier CSS pour les entrées (fond blanc), mais je veux écrire un autre style pour les entrées qui sont des boutons (type = submit et type = reset).

J'ai essayé de créer un style nommé .button et de l'ajouter à l'entrée (<input class=button) mais les propriétés du style d'entrée sont utilisées, pas les propriétés du style .button.

Toute aide serait appréciée.

Answer 1

Il suffit de jeter un coup d'oeil sur attribute selectors de la spécification CSS2.1:

[attribute-name=value] - ce sélecteur correspondra chaque élément avec attribute-name ensemble sur la valeur value. Donc tout ce dont vous avez besoin est input[type=submit], input[type=reset] sélecteur.