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

Question

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

这里是从网上检查我的代码： 2345.0

改变的类或ID的字体只是改变大小预先编辑。一旦你点击文本，它会再次缩小。我想我真的需要知道如何选择页面上的框，一旦我点击编辑。

Answer 1

想法是将类添加到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; }

Answer 2

您可以通过使用类添加到输入字段本身，所以类只被应用到输入，而不是标签：

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

然后CSS是一种简单的

.your_class { font-size: 14px; }