2012-04-22 36 views
0

我有一個text_area,顯示的高度太大。如何使用簡單形式的CSS?

我正在使用簡單的表單,我已閱讀他們的文檔,但我仍不清楚如何將CSS類應用於text_area。

我的形式:

<div class="field"> 
    <p>What's on your mind?</p> 
    <%= f.text_area :content, :wrapper_html => { :class => 'height-100px' }, placeholder: "Thought leads to action..." %> 
    </div> 

我的CSS:

.height-100px { 
    height:100px; 
} 

當我申請的CSS周圍截斷高度輸入字段一個div,但插入一個滾動條。顯然,我沒有在這種情況下應用正確的CSS。

我認爲這是一個容易回答的問題,但請告訴我。謝謝!

+0

嘿大衛,道歉,但我不知道你的意思。我試圖將一個類應用於rails/simple_form中的表單元素。我沒有使用ruby或rails來應用類名,但這似乎是我讀過的所有最佳實踐。問題不清楚還是我不明白? – 2012-04-22 05:07:23

+0

不;我誤解了這個問題(或者誤解了*意圖*)。對困惑感到抱歉! =) – 2012-04-22 05:08:33

+0

也許就是我說過的話。不管怎麼說,還是要謝謝你。 – 2012-04-22 05:40:09

回答

0

我結束了應用類名「MF」的部分,並使用通用的「textarea的」元素使用這種樣式的網站上的所有文字區域:

.mf { 
textarea { 
height:50px; 
} 
} 

本來不錯應用類姓名直接在簡單元素上,但它不會爲我工作...