asp.net c# tutorials and examples code for web developers

How to change asp.net Button background color

How to set, change Button BackColor (background color)
button server control generate a push button on web page. beginners asp.net developer are more curious to change the default design of button control. they also want to change the looking of a button control programmatically. .net framework have many built in property to change the button design by coding. also you can change the button design by css class. we can change the button text font color, font name, text size, border color, border width, button height, button width etc.

this example show you how can we change the button server control background color programmatically. button have a built in property name BackColor. if we set a color name as BackColor property value then button change it's background color to this color. this below example code uses two beautiful color LightCoral and LightCyan for button background color. we should use light color for button background. so that button text will readable for web page visitor.
ButtonBackColor.aspx
<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
    protected void Button2_Click(object sender, System.EventArgs e)
    {
         Button1.BackColor = System.Drawing.Color.LightCoral;
    }
    protected void Button3_Click(object sender, System.EventArgs e)
    {
        Button1.BackColor = System.Drawing.Color.LightCyan;
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>How to set, change Button BackColor (background color)</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Green">Button Example: BackColor</h2>
        <asp:Button 
             ID="Button1" 
             runat="server" 
             Text="Test Button BackColor"
             />
        <br /><br />
        <asp:Button 
             ID="Button2" 
             runat="server" 
             ForeColor="SeaGreen"
             Text="BackColor LightCoral"
             OnClick="Button2_Click"
             Font-Bold="true"
             />
        <asp:Button 
             ID="Button3" 
             runat="server" 
             Font-Bold="true"
             ForeColor="SeaGreen"
             Text="BackColor LightCyan"
             OnClick="Button3_Click"
             />
    </div>
    </form>
</body>
</html>
Related asp.net examples