如何覆盖活动的管理员CSS？

Question

我正在使用Active Admin，有没有办法覆盖活动管理主题使用的CSS？

例如： - 我必须改变对游标禁用的提交按钮的css：wait;并使其无法点击。

最好的方法是什么？

Answer 1

只需制作新文件

app/assets/stylesheets/active_admin.css.scss

并将你的scss代码放在那里。

（或者只是带有css代码的active_admin.css）

Answer 2

如果您没有对原始样式表的任何访问权限，则可以通过使用!important属性覆盖自己的样式表中的CSS类或ID来覆盖任何CSS属性

例如，使用

.submit-button {
    color: white !important;
}

更改提交按钮文字的颜色。

Answer 3

在Rails 4中更改样式很容易。转到

  

app / assets / stylesheets / active_admin.css.scss

OR（取决于您保存文件的位置）

  

供应商/资产/样式表/ active_admin.css.scss

并在那里添加样式。

Answer 4

我将表单类放在容器类中以创建更具体的引用。像..

.form-container {
font-family: 'open-sans';
width: 420px;

  .text-field-class {
  input{border:none; border-bottom: 1px;}
  }

}

到目前为止，这是有效的......大部分时间。比重要更重要。虽然使用ID可能是更合适的方式。