Почему текст кнопки не подчиняется правилам стиля CSS для контейнера, содержащего кнопку?

Question

Допустим, у меня есть следующий код ASP.NET/CSS:

<div style="color:Red;"> some text...<asp:Button runat="server" ID = "Button1" Text = "ABC" /> </div>

Часть "некоторый текст" будет красной, но тексткнопка не красная.Зачем?Если я поместу метку вместо кнопки, текст метки будет красным.

Answer 1

Я предлагаю вам использовать Firebug для Firefox для проверки визуализированного html и стилей CSS, которые на него действуют.

Элемент управления <asp:Button /> не отображает метку, он отображает HTML <input /> tag.

Ваши стили по умолчанию для <label /> и <input /> могут быть выполнены по-разному.Быстрое исправление будет:

<style type="text/css">.red { color:Red!important; }</style>

<asp:button id="myButton" class="red" runat="server">My Button Text</asp:button>