如何设置asp:table标题的颜色?

n53p2ov0  于 11个月前  发布在  .NET
关注(0)|答案(1)|浏览(71)

我在有背景图片的web表单页面上使用asp:Table。我想解决的问题是:我放在table上的标题几乎是不可读的,因为它与背景融合太多。我已经尝试过直接设置ForeColor=“白色”以及css containing(color:white)。这些只对表格的内容有影响,而不对标题有影响。我所做的所有搜索只谈论表内容或标题-这不是我关心的。有希望吗?

4smxwvx5

4smxwvx51#

在几乎所有这样的情况下,人们都可以应用样式表。
所以,说这个标记:

<style>
            .MyTable 
                {background-color:lightsteelblue}
            .MyTable caption {
                background-color:steelblue;
                color:white
            }
        </style>

        <asp:Table ID="Table1" runat="server"
            CssClass="MyTable table" Width="40%"
            Caption="Test Caption" GridLines="Both"
            >
            <asp:TableRow>
                <asp:TableCell>
            Row 0, Col 0
                </asp:TableCell>
                <asp:TableCell>
            Row 0, Col 1
                </asp:TableCell>
            </asp:TableRow>
            <asp:TableRow>
                <asp:TableCell>
            Row 1, Col 0
                </asp:TableCell>
                <asp:TableCell>
            Row 1, Col 1
                </asp:TableCell>
            </asp:TableRow>

        </asp:Table>

字符串
结果是这样的:


的数据
因此,使用一个风格的背景,和“标题”背景可以做到以上。当然,由于我在本例中设置了标题区域的背景色,因此也设置了字体颜色。
我应该注意到第二个类“table”是引导表类,我发现它们在间隔表方面做得非常好。
如果我删除 Bootstrap “表”类。
例如:

CssClass="MyTable table"


仅限于我们班,如:

CssClass="MyTable"


然后表格就变成了这样:



因此,我经常建议添加“table”类,因为它将使表具有响应性,并且在间隔方面也做得很好。但是,这样做需要您设置宽度,因为当您添加 Bootstrap “table”类时,表将扩展到100%宽度。

相关问题