merci pour vos réponses qui m'ont mis sur la bonne piste. J'avais une faute de frappe dans mon fichier css.

Merci.

as tu testé :
[code]div#form input.input-erreur { border-color: red; }[/code]
il est possible que ce soit juste une question de priorité ^^

echo "<input id='nom'";
if ($erreur_sur_le_nom === true) {
   echo " class='input-erreur'";
}
echo " />";

[quote="bunk"]Bonjour,

J'ai un div qui se nomme "form" dans lequel j'ai un formulaire.[/quote]
Ca commence mal :
Soit tu utilises la balise [b]form [/b]et tu n'as pas besoin de ton [b]div[/b], soit tu l'as oubliée et ce n'est plus un formulaire.

[quote="bunk"]Lors de la validation de mon formulaire je voudrais changer la couleur de bordure des champs input en appliquant une class comme ceci :

[code]
.input-erreur { border-color: red; }
[/code]

[b]Malheureusement cela ne fonctionne pas.[/b] A quel niveau dois-je appliquer cette modification ?[/quote]
C'est un peu court...
Qu'est-ce qui ne "fonctionne pas" ?
Comment appliques-tu la classe ?

Vu que tu dis ne pas vouloir faire de JS, et qu'on est sur un forum PHP, je vais supposer que tu fais ta validation en PHP.
Du coup :
[php]echo "<input id='nom'";
if ($erreur_sur_le_nom === true) {
echo " class='input-erreur'";
}
echo " />";
[/php]

Oui,
le CSS ne permet pas de gestion d'évènement de ce type.

j'aurais préféré ne pas utiliser le JavaScript, c'est obligatoire ?

il faut que tu appliques le nouveau style avec une fonction javascript lors de la validation.

Bonjour,

J'ai un div qui se nomme "form" dans lequel j'ai un formulaire.
Dans ma feuille de style j'applique une petite personnalisation pour (tous) les champs input, comme ceci :

[code]
div#form input{
border: 1px double #788894;
border-style:solid;
background-color: #FFFFFF;
margin-bottom: 5px;
}

div#form input:hover{
background-color: #bfaf99;
color: #FFFFFF;
}

div#form input:focus{
border: 1px double #305E81;
}
[/code]

Lors de la validation de mon formulaire je voudrais changer la couleur de bordure des champs input en appliquant une class comme ceci :

[code]
.input-erreur { border-color: red; }
[/code]

Malheureusement cela ne fonctionne pas. A quel niveau dois-je appliquer cette modification ?

D'avance merci.