如何覆盖活动的管理CSS

Question

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

例如：-我必须将禁用的提交按钮的css更改为cursor:wait；并使其可松开。

最好的方法是什么？

Answer 1

只需制作一个新文件

app/assets/stylesheets/active_admin.css.scss

把你的scs代码放在那里。

（或者只是带有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（取决于您保存文件的位置）

vendor/assets/stylesheets/active_admin.css.scss

并在其中添加样式。

Answer 4

我将表单类放在一个容器类中，以创建更具体的引用。喜欢

.form-container {
font-family: 'open-sans';
width: 420px;
  .text-field-class {
  input{border:none; border-bottom: 1px;}
  }
}

到目前为止，这是有效的。。。大部分情况下。好于重要。尽管使用身份证可能是更合适的方式。