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

asp.net, aspbutton, css

Solution

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

Problem

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.

Original source