css - best_in_place gem，使用css定义一个固定的输入字段

Question

我正在使用 best_in_place gem，它非常适合在 Rails 应用程序中进行就地编辑。但是我的实现的问题是被定义为最佳位置的区域仅围绕文本环绕，因此如果我尝试编辑某些所需的字段，则会出现某种摇晃[1] 效果。那么有什么方法可以让我固定 text_area 大小，使其保持我想要的宽度。

[1] 摇晃是指当我单击该字段时，即当该字段成为焦点时，它具有一定的宽度，而当我退出时，它会变为默认包装器大小。

Answer 1

关键是定义内部类，而不仅仅是类。如：

用户/show.html.erb：

<%= best_in_place @user, :name, :inner_class => "css_class" %>

自定义.css：

.css_class {
    background:red;
}

Answer 2

不确定这是否有帮助，但我遇到了类似的问题（同样的问题，但文本字段），这就是我解决它的方法：

首先将类添加到 best_in_place 字段：
<%= best_in_place @your_variable, :name, { :classes => "input_field" } %>

（我使用 best_in_place 2.1.0，对于旧版本，您需要依赖字段的 id，这似乎是唯一的）

然后将样式应用于 css 中类的输入子项：

.input_field input { width: 400px; }

那应该这样做。