2011-02-24 68 views
5

我已經Google搜索但找不到這個問題的答案。如何使用CSS編輯erb中的RUby對象。例如:使用CSS在erb中設置Ruby對象的樣式

<%= f.label :email, "Enter your email address for updates" %><br /> 
<%= f.text_field :email %> 

在這裏,我想使用CSS風格的文本和表單框。我怎樣才能做到這一點?

回答

18

可以使用:class選項來指定一個CSS類:

<%= f.text_field :email, :class => "login" %> 

,然後把那在你的CSS:

input.login { 
    color: red; 
} 

此外,您還可以,如果你想指定內嵌CSS:

<%= f.text_field :email, :style => "color: red;" %> 
+1

這樣的作品,謝謝 – user626159 2011-02-26 05:07:35

2

加上什麼迪倫說...

您可以使用:id選項來指定一個CSS ID:

<%= image_tag "illustrations/clipboard.png", :id => "clipboard" %> 

,然後把你的CSS:

#clipboard { 
    border: 1px solid #000; 
}