Rails 3：“有错误的字段”包装器更改页面外观。如何避免这种情况？

Question

电子邮件字段：

<label for="job_client_email">Email: </label> 

<input type="email" name="job[client_email]" id="job_client_email">

看起来像这样：

没有错误

但是，如果电子邮件验证失败，它将变为：

<div class="field_with_errors">

  <label for="job_client_email">Email: </label>

</div> 

<div class="field_with_errors">

  <input type="email" value="wrong email" name="job[client_email]" id="job_client_email">

</div>

看起来像这样：

with_error

如何避免这种外观变化？

Answer 1

您正在看到的视觉差异正在发生，因为该div元素是一个块元素。将此样式添加到CSS文件中，使其表现得像内联元素：.field_with_errors { display: inline; }