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{}类。