ASP.Net复选框缺少CSS类

我已将以下ASP.Net复选框控件添加到页面：

但是当呈现页面时，它会忽略CssClass属性的值：

<input name="ctl00$mainContent$chkActive" id="ctl00_mainContent_chkActive" type="checkbox" value="on"/>

如何将css类应用于ASP.Net复选框

谢谢

---

Alan。

您可以使用类将其包装在

span

中。

好的，当您将CssClass应用于ASP.Net复选框控件时，它会将该类应用于包装复选框的span。因为css类不直接应用于元素，所以它不会覆盖应用于所有输入元素的类。因此，我使用jQuery选择元素并应用必要的样式

$("input[type=checkbox]").addClass("myClass");

---

我找到了一个不同的答案，你可以使用这个属性

MyCheckBox.InputAttributes["class"] = "myClass";

---

从代码隐藏中直接将类分配给asp复选框。注意这一点，因为我是通过谷歌找到这篇文章的，而指定的答案对我来说并不适用。

这篇文章很老了，但我会发布我的解决方案来帮助来自谷歌的任何人（像我一样）

您可以在jQuery中使用子选择器

，因为包装

span

具有您指定的CssClass和一个

输入

子类。在代码中：

$('.myClass > input').addClass("myClass");

---

您可以将css类设置为

    <asp:CheckBox ID="cbValittu" runat="server" Checked='<%# Eval("Valittu")%>' Class="checBoks" />

Css class can look something like:
.checBoks input
{
    width: 18px;
    height: 18px;
    vertical-align:middle;
}

Css类可以类似于：
.checBoks输入
{
宽度：18px；
高度：18px；
垂直对齐：中间对齐；
}

很奇怪为什么CssClass没有在输入元素上呈现给类..它应该可以工作，一定还有其他问题。您确定代码隐藏文件中没有将CssClass设置为空字符串的代码吗？您好，他们想知道代码隐藏文件中绝对没有将CssClass属性设置为空字符串的代码控件似乎是用周围的跨度呈现的，该范围获取的是CssClass值，而不是输入本身。如果在

复选框之前添加
，别忘了更新CSS。是的，这正是我所需要的，因为我必须更新asp.net webforms应用程序，并注意到cssclass正在添加到外部跨距，然后我的复选框逻辑jquery代码将无法工作。这个修复很好，实际上我是通过$（“[id$=Out]”）来实现的；我也很有魅力。我甚至添加了一个不同于以下开头的类：$（'.form control>input'）.addClass（“biggercheckbox”）；我把它放在$（document）.ready（function（）中