asp.net - HeaderTemplate 中的复选框样式

Question

<asp:GridView AutoGenerateColumns="false" ID="gvFriend" runat="server" PageSize="5"
        AllowPaging="false" DataKeyNames="Email">
        <Columns>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:CheckBox ID="chkhead" AutoPostBack="true" runat="server" Text="Select All">
                    </asp:CheckBox>
                </HeaderTemplate>
                <ItemTemplate>

在 headertemplate 中为复选框设置样式的最佳方式是什么？

目前显示为

[x] Select All

我想要它

Select All
    [x]

Answer 1

HTML:

<div class="warpper">
<span class="span">Select All</span>
<input id="Checkbox1" type="checkbox" />
</div>

CSS:

.span
{
display: block
}
.warpper {
border: 1px dotted firebrick;
text-align: center;
width: 80px;
}

Demo