Question

我创建了一个名为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！

Answer 1

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

一项小小的研究有很长的路要走：How do you style disabled textarea in IE8?

使用：禁用CSS禁用按钮样式b0rks IE8

1 个答案: