Rails 简单表单 CSS答案

【问题标题】：Rails Simple Form CSSRails 简单表单 CSS
【发布时间】：2014-09-22 01:01:33
【问题描述】：

我有一个 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;
 }

谢谢

【问题讨论】：

标签： css ruby-on-rails twitter-bootstrap simple-form

【解决方案1】：

试试下面...

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

【讨论】：

【解决方案2】：

只需添加<%= f.button :submit, "Get Started", class: "create-gs" %> 并确保您的按钮选择.create-gs{} 类。

【讨论】：