的Html複選框禁用狀態是難以閱讀

Question

我有一個複選框創建如下：

<td class="center">@Html.DisplayFor(modelItem => item.IsBusinessHours)</td> 

它呈現爲下面的HTML：

<input disabled="disabled" class="check-box" type="checkbox" CHECKED="checked"/> 

我的問題是，在包裝盒的檢查非常難以閱讀這個禁用狀態。

我想知道設置複選框樣式的最佳方式，使其看起來像非禁用複選框（或使其更易讀）。不過，我仍然希望複選框是隻讀的。

我的項目使用Asp.Net MVC，jQuery和jQuery-UI。

Answer 1

我最終解決了這個問題，用jQuery UI按鈕替換了我的複選框。我最終使用的jQuery腳本發佈爲here。

Answer 2

你可以這樣規則添加到您的CSS樣式表：

input[disabled='disabled'] { 
    color: #ccc; 
} 

但IE6犯規支持，只是擡起頭。