格式的form_tag

Question

一個按鈕，我有以下代碼：

<% if is_admin? %> 
    <%= form_tag(controller: "generalizacoes", action: "destroy_all", method: :post) do %> 
    <%= hidden_field_tag :item_id, @item.id %> 
    <%= hidden_field_tag :genero_id, genero.id %> 
    <%= submit_tag 'x'%> 
    <% end -%> 
<% end %> 

醜得要命

我希望它是這樣的

格拉X（小remove-來自twitter bootstrap的圖形）

這可能嗎？我該怎麼辦？

Answer 1

我認爲你正在尋找的東西，如：

<%= submit_tag('x', class: 'btn btn-default btn-sm') %> 

有other bootstrap options for buttons雖然。

你也可以看看button_to這似乎是一個非常適合你在做什麼：

<%= button_to("X", { controller: "generalizacoes", action: "destroy_all" }, 
    { params: { item_id: @item.id, genero_id: genero.id }, 
     class: 'btn btn-default btn-sm' %> 

你可能想在那裏data: { confirm: 'Are you sure?' }太多，如果它是一個破壞性操作。

Answer 2

這會不會是一個直接的答案（不引導），但應該給你關於如何解決

---

CSS

您可以風格你輸入/提交按鈕的問題信息無論如何你想要 - 使用css。

正如你可以看到我的JSFiddle：

.new_button { 
    background-color: orange; 
    border: 1px solid #000; 
    padding: 10px; 
    transition: background, 0.2s; 
} 

.new_button:hover { 
    color: #fff; 
    background-color: black; 
    cursor: pointer; 
} 

<form action="#"> 
    <input type="submit" value="Test" class="new_button"> 
</form> 

雖然bootstrap將包括其自己的類&風格數組，你要記住，如果你想給你的按鈕特定的「風格」，你將能夠定義&調用您定義的各種CSS類/樣式。

這是在回答通過Shadwell提到的 - 你可以通過調用它的一類單獨樣式的按鈕，或者，你可以依靠內部引導本身form造型：

#app/assets/stylesheets/application.css 
.your_class { 
    background: #ccc; 
    border: 1px solid #000; 
} 

#app/views/controller/your_view.html.erb 
<%= form_tag(controller: "generalizacoes", action: "destroy_all", method: :post) do %> 
    <%= hidden_field_tag :item_id, @item.id %> 
    <%= hidden_field_tag :genero_id, genero.id %> 
    <%= submit_tag 'x', class: "your_class" %> 
<% end -%> 

---

Bootstrap

我必須承認，我從來沒有使用過CSS的Bootstrap。

通過使用bootstrap CSS樣式，您將能夠基於上面給出的內容來構建forms & buttons。你可以這樣做：

<%= form_tag(controller: "generalizacoes", action: "destroy_all", method: :post) do %> 
    <%= hidden_field_tag :item_id, @item.id %> 
    <%= hidden_field_tag :genero_id, genero.id %> 
    <%= submit_tag 'x', class: "btn btn-default" %> 
<% end -%>