Application de CSS à des entrées de texte avec des classes

Question

J'utilise jQuery valider sur un formulaire que je suis en train de construire et qui fonctionne très bien. Ce que je veux faire, c’est que lorsque quelque chose est invalide, le champ de texte change de couleur et le message d’erreur est blanc. J'ai pensé que les CSS suivants fonctionneraient:

label .error {color: white; font-weight: bold;}
input .error {background-color: pink; border: 1px dashed red; color: white}

Lorsque je teste la validation, le code CSS ci-dessus ne semble pas s'appliquer. J'ai vérifié à l'aide de Firebug et l'étiquette et la zone de saisie ont la classe "erreur" appliquée.

Le code CSS semble valable, car lorsque je quitte la clause .error, tout me semble vouloir aussi. Qu'est-ce que je fais mal?

Answer 1

Un espace peut être un de trop. Essayez:

label.error {color: white; font-weight: bold;}
input.error {background-color: pink; border: 1px dashed red; color: white}

Informations générales:

label .error  /* selects all elements of class "error" *within* any label */
label.error   /* selects labels of class "error"                          */

Answer 2

Essayez les labels label.error et input.error sans espaces.