css - Rails 简单表单 CSS

Question

我有一个 Rails 4 应用程序，我将其与 Simple Form 和 Bootstrap 一起使用。

我有一个提交按钮，我想用我自己的 CSS 来设计它的样式。

我有一个名为 scopes.css.scss 的 css 文件，它是 application.css.scss 中树的一部分(因此它被拾取)并且我已将 !important 附加到所有 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" %>