如何美化rails中的validation

我有一个简单的脚手架rails应用程序正在执行validataes_presence_of。

validation使每个文本域都有边界。 我只想将错误消息显示在顶部。

如何对validation进行这些类型的更改或颜色更改

Rails应用程序将其CSS存储在[application_root]/public/stylesheets 。 新的rails应用程序将在此目录中有一个名为default.css的文件。 该文件包含以下内容:

 #errorExplanation { width: 400px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0; } #errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff; } #errorExplanation p { color: #333; margin-bottom: 0; padding: 5px; } #errorExplanation ul li { font-size: 12px; list-style: square; } 

如果您在这里玩一些参数的值 – 特别是border – 您可能会发现更符合您口味的东西。

您是否检查了有关validation错误的rails指南 ?

我建议看看Formtastic 。 易于设置,适用于脚手架类型的应用程序,并有一些很好的干净的HTML和CSS。