Css适用于html复选框控件，而不适用于asp.net复选框控件

我有一个应用了css的html复选框

这是jsFiddle

它工作得很好，问题是当我试图将相同的css应用于asp.net复选框时，它不起作用

下面是html输入控件的代码

<input type="checkbox" name="chkReservaSemanal" id="chkReservaSemanal" class="css-checkbox" runat="server" /><label for="chkReservaSemanal" class="css-label">Week</label>

一周

下面是asp.net的代码

 <asp:CheckBox ID="chkSemanal" runat="server" AutoPostBack="True" OnCheckedChanged="chkSemanal_CheckedChanged1" CssClass="css-checkbox"/>

但当应用到asp.net复选框时，它不起作用

---

css位于JSFIDLE上。

检查ASP.NET中呈现的代码。您定义的CssClass将添加到围绕输入和标签控件的包装器中

因此，您可以添加css规则来补偿：

input[type=checkbox].css-checkbox,
.css-checkbox input[type=checkbox] { ... }

或者，您可以使用代码隐藏将类名分别附加到标签和输入控件：

chkSemanal.InputAttributes["class"] = "css-checkbox";
chkSemanal.LabelAttributes["class"] = "css-checklabel";

---

检查ASP.NET中呈现的代码。您定义的CssClass将添加到围绕输入和标签控件的包装器中

因此，您可以添加css规则来补偿：

input[type=checkbox].css-checkbox,
.css-checkbox input[type=checkbox] { ... }

或者，您可以使用代码隐藏将类名分别附加到标签和输入控件：

chkSemanal.InputAttributes["class"] = "css-checkbox";
chkSemanal.LabelAttributes["class"] = "css-checklabel";

---

检查ASP.NET中呈现的代码。您定义的CssClass将添加到围绕输入和标签控件的包装器中

因此，您可以添加css规则来补偿：

input[type=checkbox].css-checkbox,
.css-checkbox input[type=checkbox] { ... }

或者，您可以使用代码隐藏将类名分别附加到标签和输入控件：

chkSemanal.InputAttributes["class"] = "css-checkbox";
chkSemanal.LabelAttributes["class"] = "css-checklabel";

---

检查ASP.NET中呈现的代码。您定义的CssClass将添加到围绕输入和标签控件的包装器中

因此，您可以添加css规则来补偿：

input[type=checkbox].css-checkbox,
.css-checkbox input[type=checkbox] { ... }

或者，您可以使用代码隐藏将类名分别附加到标签和输入控件：

chkSemanal.InputAttributes["class"] = "css-checkbox";
chkSemanal.LabelAttributes["class"] = "css-checklabel";

---

System.Web.UI.WebControl命名空间中的Web控件在不同浏览器中的呈现方式可能不同。您不能指望它们总是呈现相同的元素。他们可能会添加他们认为需要的任何东西，以使其在特定浏览器中工作

例如，asp复选框：

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

我只想说：

CheckBox1.CssClass

将以与添加CssClass属性相同的方式渲染，并且可能会添加跨距

---

希望这会有帮助，我以前遇到过这个问题，这是解决问题的方法之一。

System.Web.UI.WebControls命名空间中的Web控件在不同的浏览器中可能呈现不同的效果。您不能指望它们总是呈现相同的元素。他们可能会添加他们认为需要的任何东西，以使其在特定浏览器中工作

例如，asp复选框：

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

我只想说：

CheckBox1.CssClass

将以与添加CssClass属性相同的方式渲染，并且可能会添加跨距

---

希望这会有帮助，我以前遇到过这个问题，这是解决问题的方法之一。

System.Web.UI.WebControls命名空间中的Web控件在不同的浏览器中可能呈现不同的效果。您不能指望它们总是呈现相同的元素。他们可能会添加他们认为需要的任何东西，以使其在特定浏览器中工作

例如，asp复选框：

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

我只想说：

CheckBox1.CssClass

将以与添加CssClass属性相同的方式渲染，并且可能会添加跨距

---

希望这会有帮助，我以前遇到过这个问题，这是解决问题的方法之一。

System.Web.UI.WebControls命名空间中的Web控件在不同的浏览器中可能呈现不同的效果。您不能指望它们总是呈现相同的元素。他们可能会添加他们认为需要的任何东西，以使其在特定浏览器中工作

例如，asp复选框：

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

我只想说：

CheckBox1.CssClass

将以与添加CssClass属性相同的方式渲染，并且可能会添加跨距

---

希望这会有帮助，我以前遇到过这个问题，这是解决它的方法之一。

由于询问者没有提到他是如何使它工作的，我将分享@MALK建议的解决方案：

<span class="css-checkbox">
<asp:CheckBox ID="CheckBox1" runat="server" />
<asp:Label ID="Label2" runat="server" Text="Click me!" CssClass="css-label" AssociatedControlID="CheckBox1"></asp:Label>
</span>

---

致以最诚挚的问候。

由于提问者没有提到他是如何让它工作的，我将分享@MALK建议的解决方案：

<span class="css-checkbox">
<asp:CheckBox ID="CheckBox1" runat="server" />
<asp:Label ID="Label2" runat="server" Text="Click me!" CssClass="css-label" AssociatedControlID="CheckBox1"></asp:Label>
</span>

---

致以最诚挚的问候。

由于提问者没有提到他是如何让它工作的，我将分享@MALK建议的解决方案：

<span class="css-checkbox">
<asp:CheckBox ID="CheckBox1" runat="server" />
<asp:Label ID="Label2" runat="server" Text="Click me!" CssClass="css-label" AssociatedControlID="CheckBox1"></asp:Label>
</span>

---

致以最诚挚的问候。

由于提问者没有提到他是如何让它工作的，我将分享@MALK建议的解决方案：

<span class="css-checkbox">
<asp:CheckBox ID="CheckBox1" runat="server" />
<asp:Label ID="Label2" runat="server" Text="Click me!" CssClass="css-label" AssociatedControlID="CheckBox1"></asp:Label>
</span>

---

---

致以最诚挚的问候。

您是否尝试将css类应用于

复选框

-控件的输入元素？因此，您可以使用-property:

chkSemanal.InputAttributes[“class”]=“css checkbox”

。您是否尝试将css类应用于

checkbox

控件的输入元素？因此，您可以使用-property:

chkSemanal.InputAttributes[“class”]=“css checkbox”

。您是否尝试将css类应用于

checkbox

控件的输入元素？因此，您可以使用-property:

chkSemanal.InputAttributes[“class”]=“css checkbox”

。您是否尝试将css类应用于

checkbox

控件的输入元素？因此，您可以使用-property:

chkSemanal.InputAttributes[“class”]=“css checkbox”

。我在pageLoad中添加了该属性，但现在看不到该复选框。chkSemanal.InputAttribute[“类”]=“css复选框”；chkSemanal.LabelAttributes[“class”]=“css checklabel”；在开发人员工具中检查渲染结果并修复它。在没有看到渲染结果的情况下，很难告诉您出了什么问题。也许您可以将渲染的结果放到小提琴中。但是在国际海事组织，你应该使用第一种方法；你不会真的想在你使用它的地方添加代码！呈现的结果是：semanal注意，呈现的结果显示的是

，而不是

（这是CSS所期望的）。这个跨度是来自

控件的文本属性，还是在复选框旁边有一个明确的

。。。在你的小提琴中，如果你把跨度改成一个标签，并给它一个css标签类，它就会像预期的那样工作。这是JSFIDLE，无论如何我不能让它呈现标签，不是吗？我在pageLoad中添加了这个，但现在我看不到支票簿