asp:Button CssClass property is not setting the CSS class to the one I specify

Question

I am attempting to do something simple.

I have a button.

<asp:Button ID="btnMyButton" runat="server" CssClass="MyButton" CausesValidation="False" Text="ClickMe" />

Its style is stored in a stylesheet that I KNOW is being used because other elements in the page use styles from this stylesheet.

This is how I define the style:

.MyButton {
    font-size: 80pt;
    color: red;
}

I have also tried some other ways to specifically point to this class (including specifically referring to it from a containing element) but to no avail:

input[type="submit"].MyButton { table.MyTable > tbody > tr > td > input.MyButton {

I can see in Google Chrome's Developer TOols that it is not even overriding the styles I'm setting, they are simply not there.

When I look at the page source, I see that the input control ASP.NET generates does not even USE my class (it uses something called submitBtn, which I myself have not defined anywhere). If I change this class to my one in using Google Chrome's Developer Tools, my styles apply as I would expect so I know they are usable. I just do not know why they are not being used to begin with.

I CAN style all buttons globally with input[type="submit"] {, but I am trying to style a specific one and would rather not use inline style definitions.

Please advise.

EDIT:

I have found that if I call my css class in my css file submitBtn, it WILL apply the styles I set. However as all of the ASP.Net buttons appear to want to use this submitBtn css class, in order to set a distinct style for each one I'll have to wrap them in spans or something and specifically set button styles this way.

I still want to know why it's not letting me set the name of the style class used for the ASP.Net buttons though.

I have updated the Question title for greater clarity.

Answer 1

You can set inline style to the asp.net controls.

<asp:Button ID="btnMyButton" runat="server" CausesValidation="false" Text="ClickMe"
            Style="font-size: 80pt; color: Red;" />

or

.MyButton
{
    font-size:80pt;
    color:Red;
}

<asp:Button ID="btnMyButton" runat="server" CausesValidation="false" Text="ClickMe"
             CssClass="MyButton"/>

work fine for me.

Cheers