Thursday, 22 January 2015

Styled button using CSS


The following css class will style the button.


.styled-button-green {
    background:#5CCD00;
    padding:10px 15px;
    color:#fff;
    font-family:'Helvetica Neue',sans-serif;
    font-size:16px;
    border-radius:5px;
    border:1px solid #459A00
}


  

Preview:



Now to style any button, assign the above css class(styled-button-green) to the button. For example:

In HTML:
<input type="button" id="Button1" class="styled-button-green" />

In ASP.NET:
<asp:Button ID="Button1" runat="server" CssClass="styled-button-green" />

No comments:

Post a Comment