Question

我想在<asp:ListItem>内向<asp:CheckBoxList>添加Css-Class。

这是我的代码：

<fieldset class="group">
    <asp:CheckBoxList ID="checkboxID" runat="server" CellPadding="5" CellSpacing="5" RepeatColumns="1" CssClass="choose" RepeatDirection="Vertical" RepeatLayout="UnorderedList" TextAlign="Right" EnableViewState="true">
        <asp:ListItem Text="Checkbox 1" Value="checkbox_10" />
    </asp:CheckBoxList>
</fieldset>

这就是我得到的：

<fieldset class="group">
    <ul id="checkboxID2" class="choose">
        <li>
            <input id="checkboxID_0" type="checkbox" name="checkboxID$0" value="checkbox_10" />
            <label for="checkboxID_0">Checkbox 1</label>
        </li>
    </ul>
</fieldset>

但我需要输入字段的css类：

<fieldset class="group">
    <ul id="checkboxID2" class="choose">
        <li>
            <input id="checkboxID_0" type="checkbox" name="checkboxID$0" value="checkbox_10" class="replace" />
            <label for="checkboxID_0">Checkbox 1</label>
        </li>
    </ul>
</fieldset>

我发现了这两个问题：
Is there a possibility to assign CssClass to CheckBox within CheckBoxList
Applying Styles To ListItems in CheckBoxList

但我的问题是：
有没有办法在没有编程方式的情况下添加css类？
我尝试了<asp:ListItem class="replace">，但这会在输入字段周围生成<span class="replace">并且不起作用。另外我无法改变css类。

Answer 1

你可以通过两种方式做到这一点： JQuery＆gt;

$("#selectboxid option:eq(0)").css("color","red");// you can set any color

或Javascript＆gt;

checkbox {
    color:red
}

Answer 2

根据TechGirl的建议，我提出了这个问题：

<script>
    $("input[type='checkbox']").addClass("replace");
</script>

Answer 3

将此添加到

<style>
input[type=checkbox] {
            width: 100px;
        }
</style>

希望它能运作

将CssClass添加到CheckBoxList中的asp：ListItem

3 个答案: