Styling server controls with a stylesheet

A server control is not a mysterious object in the browser. It renders as ordinary markup, and that markup can be styled with a stylesheet like anything else.

Give a control a class

<asp:Button id="btnSave" runat="server"
    Text="Save" CssClass="actionButton" />

.actionButton {
    padding: 10px 16px;
    background: #2c5743;
    color: #ffffff;
    border: 0;
}

Why a stylesheet beats inline styling

• One change updates every page that uses the class.
• The markup stays about structure and the stylesheet stays about appearance.
• You can restyle the whole site without touching a single page.

As the site grows you will add pages. That is adding a new page to the site.