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

【问题标题】：A disabled Input submit button color shouldn't change when the mouse is on it当鼠标在其上时，禁用的输入提交按钮颜色不应更改
【发布时间】：2012-07-11 05:45:51
【问题描述】：

我在一个页面上有 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 文件中的复选框选择来管理（启用/禁用）输入提交按钮。

【问题讨论】：

标签： asp.net button html razor

【解决方案1】：

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

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

使用input[disabled]:hover，您可以格式化悬停状态。

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

编辑：

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

【讨论】：