Question

我在页面中添加了以下ASP.Net复选框控件：

<asp:CheckBox ID="chkActive" runat="server" CssClass="myClass" />

但是当页面被渲染时，它会忽略CssClass属性的值：

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

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

由于艾伦。

Answer 1

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

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

将类直接分配给代码隐藏中的asp复选框。只是注意到这一点，因为我通过谷歌发现这篇文章，指定的答案对我不起作用。

Answer 2

这篇文章相当陈旧，但我会发布我的解决方案，以帮助任何来自谷歌的人（像我一样）。

您可以在jQuery中使用子选择器>，因为包装span具有您指定的CssClass和一个input子级。在您的代码中：

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

Answer 3

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

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

Answer 4

您可以将其包含在带有类的span中。

Answer 5

您也可以将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;
}

ASP.Net复选框缺少CSS类

5 个答案: