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

时间:2013-11-22 15:14:50

标签: css ruby-on-rails activeadmin

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

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

最好的方法是什么?

4 个答案:

答案 0 :(得分:4)

只需制作新文件

app/assets/stylesheets/active_admin.css.scss

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

(或者只是带有css代码的active_admin.css)

答案 1 :(得分:2)

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

例如,使用

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

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

答案 2 :(得分:0)

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

  

app / assets / stylesheets / active_admin.css.scss

OR(取决于您保存文件的位置)

  

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

并在那里添加样式。

答案 3 :(得分:0)

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

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

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

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