<% = f.submit %>에 CSS 클래스 추가

<% = f.submit %>에 CSS 클래스 추가

---

내 질문은 쉽다 :

<%= 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을 지정하지 마십시오 'name'.

이름을 지정하지 않고 작업에 따라 양식이 렌더링되면 버튼 에 다음 이름 의 .class = "btn btn-default"(부트 스트랩 클래스) (또는 .class지정한 값)가 표시됩니다.

• model_name 업데이트

• model_name을 작성하십시오
  (여기서 model_name은 스캐 폴드 모델의 이름).

---

Rails 4 및 Bootstrap 3 "기본"버튼

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

다음과 같은 결과를 얻습니다.

---

Srdjan Pejic이 말했듯이 사용할 수 있습니다

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

또는 새로운 구문 :

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

---

form_with 도우미를 사용할 때의 해결책

사용하는 사람들을 위해 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 "%>

참고 URL : https://stackoverflow.com/questions/5315967/add-a-css-class-to-f-submit