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

你可以在CSS样式表中添加这样的规则：

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

但ie6不支持，只是抬头。

Answer 2

我最终通过用jQuery UI按钮替换我的复选框来解决这个问题。我最终使用的jQuery脚本已发布here。