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

Question

我想增加 checkboxlist 值的字体大小，所以我在 <asp:CheckBoxList> 中添加了 Font-Size = "large" 属性但它不起作用。

<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[=13=]" /><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" /><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" /><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" /><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" /><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" /><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" /><label for="ChkList_6">Test</label></span></td><td></td>
    </tr>
</table>

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

Answer 1

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

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

Answer 2

在页面中设置样式，这样我们就知道没有任何内容可以覆盖它（稍后您可以将其移至 css 文件）。创建一个带有样式的 class（同样，您可以稍后对其进行优化 - 我们只是确保我们不会在 CSS 中犯任何导致元素无法获得样式的错误）。

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

将 CssClass 应用于复选框列表：

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

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

Answer 3

终于找到问题所在了。在我的项目解决方案中，我有一个 App_themes 文件夹，其中有一个皮肤文件可用。在该皮肤文件中，我们提到了所有 font-size、backround-color、font-style 等所有 CheckBox、CheckBoxList、DropDownLists、DropDowns、Buttons、TextBoxs 和 Labels。

在该文件中，CheckBox 字体大小被提及为 Font-Size="8pt"，因此即使我在 CheckboxList 的内联属性中提到了字体大小，它也会反映在输出中我的 aspx 页面。现在我在 .Skin 文件中更改为 <asp:CheckBox runat="server" Font-Size="11pt" Font-Names="Verdana" BackColor="transparent" ForeColor="Black"/>，它更改了我的复选框的字体大小。

更新：

我创建了一个名为 Checkbox 的新皮肤文件，并在下面的控件中提到了 SkinID="chkFont"。

<asp:CheckBoxList SkinID="chkFont" runat="server" Font-Size="11pt" Font-Names="Verdana" BackColor="transparent" ForeColor="Black"/> 这个在文件里。

<%@ Page Language="C#" AutoEventWireup="true" Theme="Checkbox" CodeFile="FlexExplicitTransactions.aspx.cs" Inherits="HDFC.CTIClient.FlexExplicitTransactions" %>

我在我的 aspx 页面中提到主题名称作为复选框。在我的 CheckboxList 菜单中，我使用 SkinID 属性作为 SkinID="chkFont" 和运行程序。现在我 CheckboxList 的字体大小单独增加了，而不是所有其他复选框列表的字体大小。

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

Why do Font-Size and CssClass properties are not working in CheckBoxList in aspx page?

css

asp.net

fonts

checkboxlist

font-size