有没有人知道如何使用best_in_place gem改变编辑框中的字体大小？

Question

所以我使用best_in_place gem在页面上编辑我的表单。我有一个价格：1234美元。当我点击价格进行编辑时，与我在表单中使用的字体相比，字体变得非常小，看起来很奇怪。我希望他们是一样的。

以下是来自网络检查员的代码： 2345.0

更改类或ID上的字体只会更改预编辑的大小。单击文本后再次缩小。我想在点击编辑后我真的需要知道如何选择页面上的框。

Answer 1

您可以将类添加到输入字段本身，因此只能通过使用以下内容将类应用于输入而不是标签：

<%= best_in_place @your_variable, :name, { :inner_class: => "your_class" } %>

然后css是一个简单的

.your_class { font-size: 14px; }

Answer 2

我们的想法是在best_in_place助手生成的范围中添加类，然后将样式应用于嵌套在其中的输入。

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

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

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

.input_field input { font-size: 12px; }