2013-03-18 135 views
1

所以我使用best_in_place gem在頁面上編輯我的表單。我有一個價格:1234美元。當我點擊價格進行編輯時,與我在表格中使用的字體相比,字體變得非常小,而且看起來很奇怪。我希望他們是一樣的。有誰知道如何使用best_in_place gem在編輯框中改變字體大小?

這裏是從網上檢查我的代碼: 2345.0

改變的類或ID的字體只是改變大小預先編輯。一旦你點擊文本,它會再次縮小。我想我真的需要知道如何選擇頁面上的框,一旦我點擊編輯。

+0

嘗試使用查看瀏覽器中的「檢查元素」以瞭解輸入的樣式。一旦你發現了,改變它。 – Ariejan 2013-03-18 20:51:09

+0

我的代碼沒有通過,但這就是我所做的,它只是給了我點擊之前的元素。 2345.0。樣式中的任何一個只是在點擊編輯之前更改字體。一旦點擊就會縮小 – mano26 2013-03-19 00:33:47

回答

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; }

1

您可以通過使用類添加到輸入字段本身,所以類只被應用到輸入,而不是標籤:

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

然後CSS是一種簡單的

.your_class { font-size: 14px; } 
相關問題