使用：禁用CSS禁用按鈕樣式b0rks IE8

我創建了一個名爲linkbutton的自定義CSS按鈕類。它打算在a和input上工作，因爲有時候動作的號召將是鏈接，而其他時候它們將是真正的提交按鈕。在這種情況下錨設置像這樣不會呈現正確使用：禁用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！

來源

2013-08-29 Chris

豈不'輸入[禁用] .linkbutton：hover'覆蓋所有*瀏覽器的場景？（*）大多數 – CodingIntrigue

IE8忽略該規則，因爲它不理解:disabled。

一個小小的研究走一段很長的路要走：How do you style disabled textarea in IE8?

來源

2013-08-29 14:52:45

我確定我嘗試了這一點，它沒有工作之前，它現在雖然工作，但現在歡呼 – Chris

使用：禁用CSS禁用按鈕樣式b0rks IE8

回答

相關問題