css - 如何将样式应用到 detailsview TemplateField 的 headertext 属性？

Question

我有一个带有 TemplateField 的详情 View :

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

如何将样式仅应用于 HeaderText，因为我希望将其设为粗体？

Answer 1

您可以通过添加 <HeaderStyle /> 来实现 child 给你TemplateField .

The HeaderStyle property governs the appearance of any text displayed in the header item of a type derived from 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