我的模型中有一些bool
值,
@Html.DisplayFor(model => model.myBool)
在我的 index / delete.cshtml 中显示我的复选框,而不必关心它是一个复选框或其他东西 - 这很好,但是......
该复选框显示为禁用 - 这对于 readonly 而言是可以的,但禁用复选框的样式太浅,可读性不够完美。
那么你会建议什么?
我首选的方法是使用CSS,但类似
input[type=checkbox]:disabled { "inherit the style of enabled checkboxes" }
在CSS中是不可能的(据我所知)和
input[type=checkbox]:disabled { ... }
似乎没有任何效果。 Firebug显示语法是正确的,应该使用代码,但无论我在那里写什么,例如忽略background-color: red
(至少在Firefox中,没有在其他浏览器上测试)。
其他可能的解决方案:拥有图像 - 对我来说似乎非常难看,CSS是造型的方式(至少它应该是这样)。
到目前为止,我的解决方法是使用
@Html.EditorFor(model => model.myBool)
并通过添加jquery / javascript来阻止对它的点击(如果你想在视图中使用复选框而不是显示目的,你可能需要调整选择器)
$("input[type=checkbox]").click(function () { return false; });
它会显示我想要的复选框,但我更喜欢使用@Html.Display(...)
中的某些选项或使用CSS而不是Javascript的直接方式。
有什么建议吗?