Rails：如何使用自定義css提交標籤樣式

下面的代碼根據某個css（「按鈕」）創建一個表單並設置「提交」按鈕的樣式。問題是，當頁面呈現時，它會在之上顯示正常的rails提交標籤按鈕定製的「按鈕」css。如何在提交表單時靜音或禁用rails提交標記按鈕的可視方面？Rails：如何使用自定義css提交標籤樣式

=form_tag new_site_url, :method => :get do =text_field_tag :homepage,'', type: "text", class: 'text' %button =submit_tag "GO!"

2012-07-23 Ben Downey

？ – Dougui 2012-07-23 17:32:33

你可以這樣做：

=form_tag new_site_url, :method => :get do 
    =text_field_tag :homepage,'', type: "text", class: 'text' 
    =submit_tag "GO!", class: 'button'

，並設置CSS樣式的按鈕？

它更好地做到這一點：

=form_tag new_site_url, :method => :get do |f| 
    =f.text_field '', type: "text", class: 'text' 
    =f.submit "GO!", class: 'button'

2012-07-23 16:55:55 Dougui

我嘗試過，但實際上並沒有抓住CSS的樣式。 – 2012-07-23 17:23:49

另一種方式是（導軌4.1）

<%= submit_tag("Submit", :class => "btn btn-warning") %>

，如果你是在工作form_for you would do

<%= f.submit("Submit", class: "btn btn-default") %>

2014-11-07 20:04:05 alexl

這些類不像您所建議的那樣內置於Rails中。這些內置到Bootstrap（http://getbootstrap.com/）中，必須將其添加到您的Rails應用程序才能使用它。 – 2015-08-20 20:50:21

我使用的老同學紅寶石（1.8.7）和導軌（2.3.5）

繼承人什麼我提交標籤看起來像自定義CSS樣式：

<%= submit_tag("Edit", :style => "width:30px;") %>

其中「編輯」是出現在按鈕上的文本，以及「width：30px;」是我的造型。你也可以級聯花式：

<%= submit_tag("Edit", :style => "width:30px;color:blue;") %>

2016-08-04 17:28:56

你可以給HTML生成和你的CSS您可以添加樣式關鍵哈希

<p><%= submit_tag l(:button_apply), :class => 'btn btn-default btn-sm', :name => 'submit', :style => 'margin-left: 42px' %></p>

2017-03-09 09:10:01 copremesis

回答