Html 使用:在CSS禁用按钮样式b0rks IE8中禁用
我已经创建了一个名为Html 使用:在CSS禁用按钮样式b0rks IE8中禁用,html,css,internet-explorer-8,Html,Css,Internet Explorer 8,我已经创建了一个名为linkbutton的定制CSS按钮类。它用于a和输入,因为有时操作调用是链接,有时是真正的提交按钮。在这种情况下,像这样的锚点设置无法正确渲染 <a href="" class="linkbutton disabled" id="folderManagementAdd"> <i class="icon-plus"></i> <span>Add Sub Folder</span> </a>
linkbutton
的定制CSS按钮类。它用于a
和输入
,因为有时操作调用是链接,有时是真正的提交按钮。在这种情况下,像这样的锚点设置无法正确渲染
<a href="" class="linkbutton disabled" id="folderManagementAdd">
<i class="icon-plus"></i>
<span>Add Sub Folder</span>
</a>
在IE8中,这仅在我不使用末尾的
input:disabled
部分(我需要真正的浏览器)时起作用。我能做些什么来解决这个问题吗?我真的不想指定CSS两次 IE8忽略该规则,因为它不理解:disabled
一个小小的研究有很大的帮助:不会
输入[禁用].linkbutton:hover
覆盖所有*浏览器场景?(*)大多数我确信我确实试过了,但以前没有成功,现在成功了
.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;
}