所以我使用 best_in_place gem 在页面上编辑我的表单。我的价格是:1234 美元。当我单击价格进行编辑时,与我在表单中使用的字体相比,字体变得非常小,看起来很奇怪。我希望他们是一样的。
这是我来自网络检查器的代码:2345.0
更改类或 id 上的字体只会更改大小预编辑。单击文本后,它会再次缩小。我想我真的需要知道点击编辑后如何选择页面上的框。
所以我使用 best_in_place gem 在页面上编辑我的表单。我的价格是:1234 美元。当我单击价格进行编辑时,与我在表单中使用的字体相比,字体变得非常小,看起来很奇怪。我希望他们是一样的。
这是我来自网络检查器的代码:2345.0
更改类或 id 上的字体只会更改大小预编辑。单击文本后,它会再次缩小。我想我真的需要知道点击编辑后如何选择页面上的框。
您可以将类添加到输入字段本身,因此该类仅适用于输入,而不是标签,方法是使用:
<%= best_in_place @your_variable, :name, { :inner_class: => "your_class" } %>
那么css就是一个简单的
.your_class { font-size: 14px; }
这个想法是将类添加到 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;
}