c# - 如何在 ASP.NET (C#) 中设置列​​表视图的字体大小、系列和颜色

Question

所以我有以下 ListView1

[asp.net]

 <asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1" 
            onprerender="ListView1_PreRender" 
            onselectedindexchanged="ListView1_SelectedIndexChanged">

我试图通过 CSS 设置以下属性

[CSS]

#ListView1
{
    color: White;
    font-family: Calibri;
}

但由于某种原因，这不起作用。

Answer 1

你可以试试CssClass属性

.ListView1
{
    color: White;
    font-family: Calibri;
}

然后将其用作

<asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1" 
            onprerender="ListView1_PreRender"  CssClass= "ListView1"
            onselectedindexchanged="ListView1_SelectedIndexChanged">

如果您使用 ItemTemplate / LayoutTemplate，您可以更好地设置它的样式，如下所示

Answer 2

您可以将其设置ClientIdMode为静态以确保服务器控件的 ID 在呈现为 html 时不会更改，即使它位于容器或母版页中也是如此。

 <asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1" 
            onprerender="ListView1_PreRender" 
            onselectedindexchanged="ListView1_SelectedIndexChanged" ClientIdMode="Static">

Answer 3

runat='server'将经常更改元素 ID，附加页面类的名称。你可以做两件事来解决这个问题：

1) 更改 CSS 中 ID 选择器的名称以匹配 ID 更改为的名称（您可以通过在呈现页面上查看源代码来确定）。

2) 将类应用于元素而不是使用 ID。

第二个可能更好，因为您可以在其他页面上重用该类而无需更改任何 CSS，而且更简单一些。