我创建了一个自定义 CSS 按钮类,名为linkbutton
. 它旨在同时适用于两者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 两次!