asp.net - 当鼠标在其上时，禁用的输入提交按钮颜色不应更改

Question

我在页面上有 2 个按钮，通过评估复选框选择来启用/禁用这些按钮。

当前，禁用的按钮在鼠标放在它们上时也会改变颜色。

我想根据按钮是禁用还是启用来控制 .css 按钮悬停。

您知道如何确保鼠标在禁用按钮上时颜色不会改变吗？

.cshtml

<input class="submit-btn submit-right-margin" id="case-escalate" type="submit" value="Update & Escalate" data-caseId="@Model.CaseId"/>

<input class="submit-btn submit-right-margin" id="case-update" type="submit" value="Update" data-caseId="@Model.CaseId"/>

.css

.submit-btn:hover
{
  color: #2474AD;
  background: #BFDDFF;
}

.js 我根据 .js 文件中的复选框选择来管理（启用/禁用）输入提交按钮。

Answer 1

您可以使用它来格式化禁用的输入：

input[disabled] {
    background:gray;
    color:silver;
    ...
}

并且input[disabled]:hover您可以格式化悬停状态。

但是 [disabled] 仍然无法在一些浏览器上运行。

编辑：

以前从未测试过这个：
也许你可以用类来处理这个。只需在使用 JavaScript 禁用/启用时添加/删除一个类。