当鼠标位于其上时，禁用的输入提交按钮颜色不应更改

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您可以格式化悬停状态。

但[禁用]仍然无法在少数浏览器上运行。

修改

之前从未测试过这个：
也许你可以用课程处理这个问题。只需在禁用/启用JavaScript时添加/删除类。