Dlaczego tekst przycisku nie podlega regułom stylu css w kontenerze zawierającym przycisk? - asp.net, css

Powiedzmy, że mam następujący kod ASP.NET/CSS:

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

Część "część tekstowa" będzie czerwona, ale tekst przycisku nie będzie czerwony. Czemu? Jeśli zamiast przycisku umieszczę etykietę, tekst etykiety będzie czerwony.

Odpowiedzi:

Proponuję użyć Firebug dla Firefoksa do sprawdzenia renderowanych html i stylów CSS, które działają na nim.

Na <asp:Button /> kontrola nie renderuje się do etykiety, renderuje do HTML <input /> etykietka.

Twoje domyślne style dla a <label /> i a <input /> można ukończyć inaczej. Szybka korekta to:

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

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