Rails 3 : « champ-with-errors » wrapper modifie l’apparence de la page. Comment faire pour éviter cela ?

Question

Champ email :

ressemble à ceci :

Mais, en cas d’échec de la validation du courriel, il devient :

qui ressemble à ceci :

Comment pouvais éviter cette modification de l’apparence ?

Answer 1

Vous devez substituer . Elle est actuellement définie comme cela dans :

Vous pouvez l’ignorer en mettant cela en classe de votre application à l’intérieur de `` :

Redémarrez le serveur de rails pour que cette modification prenne effet.

Answer 2

La différence visuelle que vous voyez se produit parce que le `` élément est un élément de bloc. Ajouter ce style dans votre fichier CSS pour modifier son comportement comme un élément inline :

Answer 3

J’utilise actuellement cette solution, placée dans un initialiseur :

Cela me permet d’ajouter simplement un nom de classe pour la balise appropriée, sans créer des éléments supplémentaires.

Answer 4

Le code supplémentaire est ajouté par . Si vous n’utilisez pas pour le style de votre formulaire, vous pouvez l’ignorer en `` :

Alternativement, vous pouvez le changer pour quelque chose qui convient à votre interface utilisateur :

Answer 5

Si pour une raison quelconque, vous travaillez toujours sur 2 Rails (comme je le suis) Découvrez le SO post ici.

Il propose un script à mettre dans les initialiseurs.