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> 

Выход для HTML для двух дивы одинакова.

Answer 1

ASP.NET Ярлыки сервера обрабатывают рендеринг как SPAN в Internet Explorer, а не как элементы ярлыка HTML. Это приводит к тому, что ваш селектор CSS не будет соответствовать блоку 1, но он соответствует блоку 2.

Моя рекомендация - добавить имя класса CSS в элемент управления сервера Label ASP.NET, чтобы он соответствовал стилю CSS вы хотите применить к элементу span/label.

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; 
}