2013-08-29 60 views
1

我创建了一个名为linkbutton的自定义CSS按钮类。它打算在ainput上工作,因为有时候动作的号召将是链接,而其他时候它们将是真正的提交按钮。在这种情况下锚设置像这样不会呈现正确使用:禁用CSS禁用按钮样式b0rks IE8

<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!

+0

岂不'输入[禁用] .linkbutton:hover'覆盖所有*浏览器的场景? (*)大多数 – CodingIntrigue

回答

3

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

一个小小的研究走一段很长的路要走:How do you style disabled textarea in IE8?

+0

我确定我尝试了这一点,它没有工作之前,它现在虽然工作,但现在欢呼 – Chris