禁用輸入提交按鈕的顏色不應該改變，當鼠標在它上面

Question

我有一個頁面上的2個按鈕和啓用/禁用這些按鈕是通過評估複選框選擇。

當前禁用按鈕也會改變鼠標在其上的顏色。

我想根據是否禁用或啓用按鈕來控制.css按鈕懸停。

你知道如何確保顏色不應該改變爲禁用按鈕，當鼠標在他們身上？

.cshtml

<input class="submit-btn submit-right-margin" id="case-escalate" type="submit" value="Update & Escalate" data-caseId="@Model.CaseId"/> 

<input class="submit-btn submit-right-margin" id="case-update" type="submit" value="Update" data-caseId="@Model.CaseId"/> 

的CSS

.submit-btn:hover 
{ 
    color: #2474AD; 
    background: #BFDDFF; 
} 

的.js 我管理（啓用/禁用）輸入提交基於從js文件複選框選擇按鈕。

Answer 1

您可以使用此格式禁用輸入：

input[disabled] { 
    background:gray; 
    color:silver; 
    ... 
} 

與input[disabled]:hover可以格式化懸停狀態。

但[禁用]仍然不適用於少數瀏覽器。

編輯：

從來沒有測試在此之前：
也許你可以使用類處理這個問題。只需在JavaScript中禁用/啓用時添加/刪除類。