1

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>

2 つの div の HTML の出力は同じです。

4

2 に答える 2

3

次のことを試してください。

<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;
}
于 2013-06-12T20:23:36.913 に答える
3

ASP.NET ラベル サーバー コントロールは、HTML ラベル要素としてではなく、Internet Explorer で SPAN としてレンダリングされます。これにより、CSS セレクターはブロック 1 には一致しませんが、ブロック 2 には一致します。

CSS クラス名を ASP.NET ラベル サーバー コントロールに追加して、span/label 要素に適用する CSS スタイルと一致するようにすることをお勧めします。

于 2013-06-12T20:21:15.190 に答える