1

そのため、ページ上のフォームを編集するために best_in_place gem を使用しています。価格は $1234 です。価格をクリックして編集すると、フォームで使用しているフォントに比べてフォントが非常に小さくなり、奇妙に見えます。私はそれらが同じであることを望みます。

Web インスペクタからのコードは次のとおりです: 2345.0

クラスまたは ID のフォントを変更すると、編集前のサイズが変更されるだけです。テキストをクリックすると、再び縮小します。クリックして編集したら、ページ上のボックスを選択する方法を本当に知る必要があると思います。

4

2 に答える 2

1

クラスを入力フィールド自体に追加して、クラスがラベルではなく入力にのみ適用されるようにするには、次を使用します。

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

次に、CSSは単純です

.your_class { font-size: 14px; }
于 2013-11-07T12:19:48.337 に答える
0

アイデアは、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; }

于 2013-10-11T08:25:20.067 に答える