Retourner l'attribut "border" à sa valeur par défaut [Résolu]

[FrankOVD]

Bonjour,

J'ai un formulaire que je valide avant de soumettre et je change la couleur du contour des champs de saisie dont la valeur est manquante ou invalide.

Code :

$(this).css({"border-color":"#FFCCAA"});

*Note : Je sais que j'affiche du code JQuery mais ce n'est pas le contenant tant que le contenu qui importe ici.

Le problème, c'est que je ne suis pas capable de retourner à la bordure par défaut du navigateur une fois que l'erreur est corrigée (ex : en cas de validation ultérieure).

J'ai essayé les options suivantes dans Chrome :

Code :

1
2
3
4
$(this).css({"border-color":"auto"}); //ne fait rien
$(this).css({"border-color":"inherit"}); //la bordure devient noire
$(this).css({"border":"inherit"}); //la bordure disparait completement
$(this).css({"border":"auto"}); //ne fait rien

Existe-t-il d'autres possibilités? Le fait d'imiter le style de bordure initial n'est pas une solution valable car chaque navigateur affiche ses champs différemment.

[Bovino]

Code :

$(this).css({"border-color":""});

[FrankOVD]

Merci! C'est justement ce que je venais d'essayer avec succès. Parfois la solution est trop simple.