在 CSS 禁用按钮样式 b0rks IE8 中使用 :disabled答案

【问题标题】：Using :disabled in CSS disabled button style b0rks IE8在 CSS 禁用按钮样式 b0rks IE8 中使用 :disabled
【发布时间】：2017-06-02 02:29:36
【问题描述】：

我创建了一个名为 linkbutton 的自定义 CSS 按钮类。它适用于a 和input，因为有时号召性用语将是链接，而有时它们将是真正的提交按钮。在这种情况下，这样的锚设置无法正确渲染

<a href="" class="linkbutton disabled" id="folderManagementAdd">
    <i class="icon-plus"></i>
    <span>Add Sub Folder</span>
</a>

CSS：

.linkbutton.disabled, input[disabled=disabled].linkbutton, input:disabled.linkbutton
{
    color: #ccc;
}

    .linkbutton.disabled:hover, input[disabled=disabled].linkbutton:hover, input:disabled.linkbutton:hover
    {
        color: #ccc;
        box-shadow: none;
        border: 1px solid gainsboro;
        cursor: default;
    }

在 IE8 中，这仅在我不使用末尾的 input:disabled 部分时才有效（我需要真正的浏览器）。我能做些什么来解决这个问题吗？我真的不想指定 CSS 两次！

【问题讨论】：

input[disabled].linkbutton:hover 不会涵盖所有*浏览器场景吗？ (*) 多数

标签： html css internet-explorer-8

【解决方案1】：

IE8 忽略该规则，因为它不理解 :disabled。

一点点研究大有帮助：How do you style disabled textarea in IE8?

【讨论】：

我确定我确实尝试过，但它以前没有用，但现在它可以工作了