레일 간단한 양식 CSS

Question

나는 간단한 양식과 부트 스트랩과 함께 사용하는 레일 4 응용 프로그램이 있습니다.

내 자신의 CSS로 스타일을 지정하려고하는 제출 버튼이 있습니다.

나는 application.css.scss에있는 트리의 일부인 scopes.css.scss라는 파일을 가지고 있습니다. (그래서 그것은 집어 들었습니다) 나는 모든 CSS 속성에 중요한 요소를 추가했습니다.

내 단추에 스타일이 적용되지 않습니다. 내 코드는 아래와 같습니다. 누구든지 Simple Form에 스타일을 적용하는 방법을 알고 있습니까?

양식 요소는 다음과 같습니다

<%= f.button :submit, "Get Started", :input_html =>{:class => "create-gs"} %> 

CSS의는 다음과 같습니다

.create-gs { 
    background-color:#7491A3 !important; 
    display:inline-block !important; 
    color:white !important; 
    font-family: 'Quicksand', sans-serif !important; 
    font-size:20px; 
    font-weight:bold !important; 
    text-decoration:none !important; 
} 
.create-gs:hover { 
    background-color:#7491A5 !important; 
} 
.create-gs:active { 
    position:relative!important; 
    top:1px !important; 
} 

는 다음 시도 당신에게

Answer 1

감사 ...

<%= f.submit "Get Started", :class => "create-gs" %> 

Answer 2

그냥 <%= f.button :submit, "Get Started", class: "create-gs" %>을 추가하고 그걸 확인해. 버튼이 .create-gs{} 클래스를 선택합니다.