Rails Simple Form CSS

Question

我有一個rails 4應用程序，我正在使用Simple Form和Bootstrap。

我有一個提交按鈕，我試圖用我自己的CSS風格。

我有一個叫做scopes.css.scss的css文件，它是application.css.scss中樹的一部分（因此它被拾取）並且我已經添加了！對所有css屬性都很重要。

樣式不適用於我的按鈕。我的代碼如下。有誰知道如何將樣式應用於簡單形式？

的表單元素是：

<%= 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{}類。