2010-03-08 57 views
12

我現在正在開發rails,我想知道是否有任何簡單的方法來添加一些樣式到button_to控件。Rails - 添加樣式/圖像button_to

你能添加樣式到

<%= submit_tag 'Log in' %> 

<%= button_to "Show Me", {:controller => 'personal', :action => "add" } %> 

這將是巨大的改變顏色....但布朗尼點,如果有人能告訴我如何使它的圖像

回答

17

由於您使用的圖像,沒有理由使用button_to而不是link_to,「按鈕外觀」將丟失給用戶。您可以通過鏈接創建圖像,像這樣:

<%= link_to image_tag("rails.png"), {:controller => 'foo', :action => "bar" } %> 

如果由於某種原因,你需要使用button_to,你可以給它一個CSS類,並應用通過一些方式:

<%= button_to "Show Me", {:controller => 'personal', :action => "add" }, {:class => "buttonTo" } %> 
+0

這是因爲每個標籤接受'html_options'哈希作爲最後一個參數?由於某種原因,這是困在我的頭上。 – Tass 2016-10-10 19:50:33

+0

這是正確的!傳入的最後一個散列基本上直接轉換爲結果DOM節點上的屬性。在這裏您可以指定類,自定義ID或內聯樣式。你也可以添加可以被JS讀取的數據屬性! – 2016-10-13 19:27:56

6

除了Mike非常好的使用預定義的:class的指針之外,您還可以使用:style並在內聯中定義CSS。幫了不少忙,如果要定義在飛行的風格:

<%= button_to "Show Me", {:controller => 'personal', :action => "add" }, {:style => "background: #{obj.colourname}" } %>

(隨着obj被存儲在colourname屬性一些HTML顏色值一些模型實例)