有谁知道如何使用 best_in_place gem 更改编辑框中的字体大小？答案

【问题标题】：Does anyone know how to alter the font-size in the editing box using best_in_place gem?有谁知道如何使用 best_in_place gem 更改编辑框中的字体大小？
【发布时间】：2013-03-18 17:46:13
【问题描述】：

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

这是我来自网络检查器的代码： 2345.0

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

【问题讨论】：

尝试在浏览器中使用“检查元素”来找出输入的样式。一旦你发现了，就改变它。
我的代码没有通过，但这就是我所做的，它只是为我提供了点击之前的元素。 2345.0 。设置任何样式只会在单击以进行编辑之前更改字体。一旦点击，它就会全部缩小

标签： ruby-on-rails font-size inline-editing best-in-place

【解决方案1】：

您可以将类添加到输入字段本身，因此该类仅应用于输入，而不是标签，方法是：

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

那么css就是一个简单的

.your_class { font-size: 14px; }

【讨论】：

【解决方案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 子项：

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

【讨论】：