6

以下のコードはフォームを作成し、CSS (「ボタン」) に従って「送信」ボタンのスタイルを設定します。問題は、ページがレンダリングされると、カスタマイズされた「ボタン」CSS の上に通常のレール送信タグ ボタンが表示されることです。フォームを送信しながら、レール送信タグボタンの視覚的側面をミュートまたは無効にするにはどうすればよいですか?

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

4 に答える 4

6

あなたはこれを行うことができます:

=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-23T16:55:55.920 に答える
3

古い学校のルビー（1.8.7）とレール（2.3.5）を使用しています

カスタムCSSスタイリングの場合、送信タグは次のようになります。

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

ここで、「編集」はボタンに表示されるテキスト、「幅:30px;」です。私のスタイリングです。スタイリングをカスケードすることもできます:

<%= submit_tag("Edit", :style => "width:30px;color:blue;") %>
于 2016-08-04T17:28:56.720 に答える
3

別の方法は（レール4.1）です

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

ここで答えを見つけることができますhttp://api.rubyonrails.org/

form_for で作業している場合は、そうするでしょう

<%= f.submit("Submit", class: "btn btn-default" ) %>
于 2014-11-07T20:04:05.447 に答える
1

ハッシュにスタイルキーを追加できます

<p><%= submit_tag l(:button_apply), :class => 'btn btn-default btn-sm', :name => 'submit', :style => 'margin-left: 42px' %></p>
于 2017-03-09T09:10:01.180 に答える