asp.net - ASP.net 控件不遵守 CSS？

Question

为什么Block 1它不会呈现预期的样式并且Block 2确实如此？

CSS

.test
{
    height:3.85in;
    width: 2.625in;
    border: 10px solid  blue;
    padding-right:.25in;
    padding-left:.25in;
    padding-top:.25in;
    text-align:center;
    overflow:hidden;

}
.test label
{
    font-size:xx-large;
    color:Red;
}

区块 1

<div  class="test" runat="server"><asp:Label runat="server">Test</asp:Label></div>

第 2 座

<div class="test" runat="server"><label runat="server">text</label></div>

两个 div 的 HTML 输出是相同的。

Answer 1

ASP.NET 标签服务器控件在 Internet Explorer 中呈现为 SPAN，而不是 HTML 标签元素。这会导致您的 CSS 选择器与块 1 不匹配，但它与块 2 匹配。

我的建议是向 ASP.NET 标签服务器控件添加一个 CSS 类名称，以便它与您希望应用于 span/label 元素的 CSS 样式相匹配。

Answer 2

尝试以下操作：

<asp:Label CssClass="test" runat="server">Test</asp:Label>

.test
{
    height:3.85in;
    width: 2.625in;
    border: 10px solid  blue;
    padding-right:.25in;
    padding-left:.25in;
    padding-top:.25in;
    text-align:center;
    overflow:hidden;
    font-size:xx-large;
    color:Red;
}