Access Css of Asp:Button

So I want all buttons on my site to look the same and I need to edit a CSS file for them.

I was just wondering how you can access the css style of all controls named -asp:button.

Ie. Button { Font-size: 10px; } or #开发者_如何学GoButton { Font-size: 10px; }

So far this is not working.

---

Most newer browsers support Attribute Selectors, so you could do something like

input[type="submit"] {
  //styles here
}

You'll get better all around support by applying a class though as others have suggested.

---

ASP.NET Button controls render as:

<input type="submit">

You will need to give them a css class name that you can control in your css file.

In server side code:

myButton.CssClass = "myClass"

OR in ASPX markup:

<asp:Button CssClass="myClass" runat="server" ... />

CSS:

.myClass { width: 100px }

Edit having seen your comment:

To modify all buttons across the site you need to use Javascript, the jQuery library is extremely effective at this. If you were using jQuery you would just have this script on your Master page:

$(document).ready(function()
{
    // Select all "input" controls with the type of "submit" and add your class to them
    $(input[type="submit"]).addClass('myClass');
});

---

You can inclue CSS class in your asp:button code to give them a class and control their style:

<asp:button CssClass="mybuttons" />

Then you can use this class to style those buttons:

.mybuttons{
font-size:10px;
}

If you had more buttons that are not ASP.NET generated then this class only applies to buttons that are ASP.NET generated not others.

---

In .NET you need to provide a CSS class for your buttons. If you call it "Button1" for example, your CSS declaration would be:

.Button1 {
   ...
}

---

An ASP button is rendered in HTML as an INPUT of type="submit"... you can access all the buttons by using INPUT, but of course there are other INPUTS as well...

input {
font-weight: bold;
font-size: larger;
background-color: Red;

}