在 VB.NET 中设置 asp:checkbox 样式答案

【问题标题】：styling an asp:checkbox in VB.NET在 VB.NET 中设置 asp:checkbox 样式
【发布时间】：2018-12-18 04:42:27
【问题描述】：

我想在 VB.NET 中使用 asp:checkbox 为复选框本身添加一些样式。现在我发现的所有 CSS 仅适用于输入，我正在使用 asp:checkbox 和 asp:checkboxlists 并希望能够设置它们的样式。

是否可以通过 CSS 或其他方法来做，我是否可以做到。我只喜欢 CSS，因为我的表单很复杂。

【问题讨论】：

【解决方案1】：

asp:checkbox 呈现如下：

<span class="checkbox">
<label>option one</label>
<input type="checkbox" name="option" />
</span>

将 CssClass 属性应用于“复选框”等控件，并使用该类名创建一个 css：

.checkbox{
padding:10px;
margin:5px;
cursor:pointer;
color:#ffffff;
-moz-border-radius: 10px; -webkit-border-radius: 10px;
}

【讨论】：

我不想对复选框的文本或标签进行样式化...我想对复选框本身进行样式化。使用您的方式，它可以设置文本或标签的样式。如何为复选框本身添加样式。

【解决方案2】：

您可以使用 asp:Checkbox CssClass 属性 将类分配给复选框。

【讨论】：

【解决方案3】：

使用 CSS 选择器继承来指定仅对呈现的 HTML 的控制。这会将样式应用于位于具有“myclass”类的容器中的所有 input[type=checkbox] 实例。

<style>
    .myclass input[type=checkbox] {width: 24px; height: 24px;position: relative;top: 6px;}
</style>
<asp:checkbox id="Checkbox1" text="the label text" cssclass="myclass" runat="server" checked="true" />

【讨论】：