C#MVC4 Razor - 禁用CSS或CSS复选框

时间:2015-11-27 09:14:22

标签: c# jquery css asp.net-mvc razor

我的模型中有一些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的直接方式。

有什么建议吗?

0 个答案:

没有答案