如何覆盖活动管理CSS？

我使用的是活动管理，有没有办法覆盖活动管理主题使用的CSS

例如：-我必须将已禁用的提交按钮的css更改为游标：等待；让它变得不可接近

---

最好的方法是什么？

您可以通过使用

覆盖自己样式表中的CSS类或ID来覆盖任何CSS属性！重要信息

属性，如果您无法访问原始样式表

例如，使用

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

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

只需创建一个新文件

app/assets/stylesheets/active_admin.css.scss

把你的scss代码放在那里

---

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

更改Rails 4中的样式很容易。去

app/assets/stylesheets/active_admin.css.scss

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

供应商/资产/样式表/活动_admin.css.scss

---

并在其中添加样式。

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

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

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

}

---

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

你不能用css使按钮不可点击，你需要js来删除href或阻止事件。此外，为了在单击按钮时更改光标和按钮外观，您可以使用js更改按钮的类别。事实上，您可以：我理解这是一种非常糟糕的做法，因为它会覆盖CSS规则默认行为的替换。您需要的是一些规则，这些规则要么更具体，要么稍后定义，因此它们将被替换。如果你放！对你所有的规则都很重要，你将无法覆盖任何东西。尽量不要使用！重要信息作者正在使用

活动管理员

，他无法创建这样的新规则，必须使用

！重要信息

以覆盖默认规则。我的答案不是一般答案，而是为作者“定制”的，他接受了。你可以像其他CSS一样重新定义活动管理CSS规则，只需稍后在文件中定义它们。对于Rails，就在@import子句之后。重要的是规则的创建顺序。