เพิ่มคลาส CSS ไปที่ <% = f.submit%>

คำถามของฉันง่าย:

<%= f.submit %>

คำประกาศของชั้นเรียนไปที่ไหน ฉันพบข้อผิดพลาดหลายครั้ง

<%= f.submit 'name of button here', :class => 'submit_class_name_here' %>

สิ่งนี้ควรทำ หากคุณได้รับข้อผิดพลาดโอกาสที่คุณจะไม่ได้ระบุชื่อ

หรือคุณสามารถจัดสไตล์ปุ่มได้โดยไม่ต้องมีคลาส:

form#form_id_here input[type=submit]

ลองดูเช่นกัน

คุณสามารถเพิ่มการประกาศคลาสได้ที่ปุ่มส่งของฟอร์มโดยทำดังต่อไปนี้:

<%= f.submit class: 'btn btn-default' %> <- หมายเหตุ: ไม่มีเครื่องหมายจุลภาค!

หากคุณกำลังเปลี่ยนแปลง _ form.html.erbบางส่วนของโครงและคุณต้องการเก็บการเปลี่ยนแปลงแบบไดนามิกของชื่อปุ่มระหว่างการกระทำของตัวควบคุมอย่าระบุชื่อ'name'บางส่วนของนั่งร้านและคุณต้องการที่จะให้มีการเปลี่ยนแปลงแบบไดนามิกของชื่อปุ่มระหว่างการดำเนินการควบคุมไม่ได้ระบุชื่อ

โดยไม่ต้องระบุชื่อและขึ้นอยู่กับการกระทำรูปแบบการแสดงผลปุ่มจะได้รับ.class = "btn btn-default"(ชั้น Bootstrap) (หรือสิ่งที่.classคุณระบุ) ด้วยชื่อต่อไปนี้:

• อัปเดต model_name

• สร้าง model_name
  (โดยที่ model_name ชื่อของโมเดลนั่งร้าน)

ปุ่ม Rails 4 และ Bootstrap 3 "primary"

<%= f.submit nil, :class => 'btn btn-primary' %>

ให้ผลตอบแทนเช่น:

ดังที่ Srdjan Pejic กล่าวว่าคุณสามารถใช้

<%= f.submit 'name', :class => 'button' %>

หรือไวยากรณ์ใหม่ซึ่งจะเป็น:

<%= f.submit 'name', class: 'button' %>

วิธีแก้ปัญหาเมื่อใช้ form_with helper

สำหรับผู้ที่ใช้Rails 5.2ด้วยform_withผู้ช่วย: อย่าเพิ่มเครื่องหมายจุลภาค !

<%= f.submit class: 'btn btn-primary' %>

HTH!

ตามค่าเริ่มต้น Rails 4 ใช้แอตทริบิวต์ 'value' เพื่อควบคุมข้อความปุ่มที่มองเห็นได้ดังนั้นเพื่อให้มาร์กอัพสะอาดฉันจะใช้

<%= f.submit :value => "Visible Button Text", :class => 'class_name' %>

ทั้งสองทำงาน <%= f.submit class: "btn btn-primary" %>และ <%= f.submit "Name of Button", class: "btn btn-primary "%>