为什么Font-Size和CssClass属性在aspx页面的CheckBoxList中不起作用？

Question

我想增加checkboxlist值的字体大小，因此我在Font-Size = "large"内添加了<asp:CheckBoxList>属性，但它无效。

<form id="form1" runat="server">
        <table>  
            <tr>
               <td  style="padding-left:50px;padding-top:20px">
        <asp:CheckBoxList runat="server" ID="ChkList" RepeatColumns="4" repeatLayout="Table" RepeatDirection="Horizontal" Font-Size="Large"></asp:CheckBoxList>
                   </td>
                </tr>
        <tr>
            <td style="padding-left:50px; padding-top:10px;">
            <asp:Button runat="server" ID="Submit" OnClick="Submit_Click" Font-Size="Small" Text="Submit"></asp:Button>
                </td>
            </tr>


</table>
    </form>

我甚至尝试了this回答中提到的CssClass属性，但它也无法正常工作

CSS：

<style>
        .chkboxlist td
    {
    font-size:large;
    }
    </style>

ASPX：

    <form id="form1" runat="server">
        <table>  
            <tr>
               <td style="padding-left:50px;padding-top:20px;">
        <asp:CheckBoxList runat="server" ID="ChkList" RepeatColumns="4" repeatLayout="Table" RepeatDirection="Horizontal" CssClass="chkboxlist"></asp:CheckBoxList>
                   </td>
                </tr>
        <tr>
            <td style="padding-left:50px; padding-top:10px;">
            <asp:Button runat="server" ID="Submit" OnClick="Submit_Click" Font-Size="Small" Text="Submit"></asp:Button>
                </td>
            </tr>


</table>
    </form>

我也尝试在<td>内调整字体大小，但它也无效。

我的输出的视觉外观：

源代码：

<table>  
            <tr>
               <td style="padding-left:50px;padding-top:20px;">
                   <table id="ChkList" class="chkboxlist" border="0" style="color:Black;background-color:Transparent;font-family:Verdana;font-size:8pt;">
    <tr>
        <td><span style="color:Black;background-color:Transparent;font-family:Verdana;font-size:8pt;"><input id="ChkList_0" type="checkbox" name="ChkList$0" /><label for="ChkList_0">Agent Checque</label></span></td><td><span style="color:Black;background-color:Transparent;font-family:Verdana;font-size:8pt;"><input id="ChkList_1" type="checkbox" name="ChkList$1" /><label for="ChkList_1">CC Cheque</label></span></td><td><span style="color:Black;background-color:Transparent;font-family:Verdana;font-size:8pt;"><input id="ChkList_2" type="checkbox" name="ChkList$2" /><label for="ChkList_2">Customer Cheque</label></span></td><td><span style="color:Black;background-color:Transparent;font-family:Verdana;font-size:8pt;"><input id="ChkList_3" type="checkbox" name="ChkList$3" /><label for="ChkList_3">DD Cheque</label></span></td>
    </tr><tr>
        <td><span style="color:Black;background-color:Transparent;font-family:Verdana;font-size:8pt;"><input id="ChkList_4" type="checkbox" name="ChkList$4" /><label for="ChkList_4">Sathiya Cheque</label></span></td><td><span style="color:Black;background-color:Transparent;font-family:Verdana;font-size:8pt;"><input id="ChkList_5" type="checkbox" name="ChkList$5" /><label for="ChkList_5">SathiyaTest</label></span></td><td><span style="color:Black;background-color:Transparent;font-family:Verdana;font-size:8pt;"><input id="ChkList_6" type="checkbox" name="ChkList$6" /><label for="ChkList_6">Test</label></span></td><td></td>
    </tr>
</table>

为什么这些更改不反映字体大小？

Answer 1

在页面中设置样式，以便我们知道没有任何覆盖它（您可以稍后将其移动到css文件中）。创建一个带有样式的类（同样你可以稍后改进它 - 我们只是确保我们不会在CSS中犯任何导致元素无法获得样式的错误。）

<style>
.chkboxlist
{
font-size:24px;
}
</style>

将CssClass应用于checkboxlist：

<asp:CheckBoxList runat="server" ID="ChkList" RepeatColumns="4" repeatLayout="Table" RepeatDirection="Horizontal" CssClass="chkboxlist"></asp:CheckBoxList>

这应该显示标签的较大字体大小。

Answer 2

最后，我找到了导致问题的地方。在我的项目解决方案中，我有 App_themes 文件夹，其中有一个皮肤文件可用。在该皮肤文件中，我们提到了font-size，backround-color，font-style等所有控件，适用于所有CheckBox，CheckBoxList，DropDownLists，{ {1}}，DropDowns，Buttons和TextBoxs。

在Labels的文件中，字体大小被称为CheckBox，所以即使我在我的aspx页面中提到了CheckboxList的内联属性中的字体大小，它也会反映在输出中。现在我在 .Skin 文件中更改为Font-Size="8pt"，这会更改我的复选框的字体大小。

更新

我创建了一个名为 Checkbox 的新皮肤文件，并在下面的控件中提到了<asp:CheckBox runat="server" Font-Size="11pt" Font-Names="Verdana" BackColor="transparent" ForeColor="Black"/>。

SkinID="chkFont"在文件中。

<asp:CheckBoxList SkinID="chkFont" runat="server"  Font-Size="11pt" Font-Names="Verdana" BackColor="transparent" ForeColor="Black"/>

我在aspx页面中提到了主题名称作为复选框。在我的<%@ Page Language="C#" AutoEventWireup="true" Theme="Checkbox" CodeFile="FlexExplicitTransactions.aspx.cs" Inherits="HDFC.CTIClient.FlexExplicitTransactions" %> 菜单中，我将CheckboxList属性用作SkinID并运行程序。现在我SkinID="chkFont"的字体大小增加了，而不是所有其他checkboxlist字体大小。

Answer 3

如果您在运行时注意到，复选框列表将转换为tr和td＆＃39; s。 您可以使用CSS。例如，您的复选框ID是ChkList。将ClientIDMode设置为Static，然后您可以定义以下css属性。

<style>
#ChkList label
{
font-size:22px;
color:Blue;
}
</style>