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

Question

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

这是我的网页检查器中的代码: 2345.0

更改class或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子级：

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