如何将样式应用于 detailsview TemplateField 的 headertext 属性？答案

【问题标题】：How do I apply style to the headertext property of a detailsview TemplateField?如何将样式应用于 detailsview TemplateField 的 headertext 属性？
【发布时间】：2016-01-30 00:04:08
【问题描述】：

我有一个带有 TemplateField 的详细信息视图：

                <Fields>
                    <asp:TemplateField HeaderText="Band">                        
                        <ItemTemplate>
                            <asp:Label ID="Label1" runat="server" Text='<%# Bind("bandname") %>'></asp:Label>
                        </ItemTemplate>
                    </asp:TemplateField>
                </Fields>

如何将样式应用到 HeaderText，因为我希望它加粗？

【问题讨论】：

CSS 不关心你使用什么特定的框架/IDE/语言/技术来创建HTML。只要您有一个加载到页面中的样式表并且您编写了有效的代码，它就会应用于您的 DOM。向我展示该语法的结果，然后我将向您展示 CSS。我向你保证它会起作用的。

标签： css asp.net detailsview

【解决方案1】：

您可以通过将<HeaderStyle /> 子级添加到您的TemplateField 来实现。

HeaderStyle 属性控制在从 DataControlField 派生的类型的标题项中显示的任何文本的外观。

如果您在别处定义了样式，您可以在此处定义内联样式或指定CssClass。

<Fields>
  <asp:TemplateField HeaderText="Band">
    <HeaderStyle Font-Bold="true" CssClass="myheaderclass" />
    <ItemTemplate>
      <asp:Label ID="Label1" runat="server" Text='<%# Bind("bandname") %>'></asp:Label>
    </ItemTemplate>
  </asp:TemplateField>
</Fields>

阅读更多：DataControlField.HeaderStyle

【讨论】：