change color of textbox on focus

Question

1.00/5 (2 votes)

See more:

hi
I my using winform. in winform i have 3 textbox. the textbox default color is lightblue.
but when the textbox is focus the color should change to white and when its lost focus textbox color should come to its original color.

plz reply as soon as possible

Posted 3-Jul-13 17:58pm

az2888

Add a Solution

Comments

Dholakiya Ankit 4-Jul-13 0:36am

I think solution 2 is ok

6 solutions

Solution 1

Refer to these links

Change Textbox/Input background color on focus[^]

How do i change Background color of textbox when onfocus?[^]

Regards..:laugh:

Posted 3-Jul-13 18:31pm

Thanks7872

Solution 4

You can use Enter event for this. And also if you want to change the color of first text box to the default color when you go to the next text box, that can be done with leave event.

Use this code.

C#

private void textBox_Enter(object sender, EventArgs e)
       {
           TextBox a = (TextBox)sender;
           a.BackColor = Color.Blue;
       }

       private void textBox_Leave(object sender, EventArgs e)
       {
           TextBox a = (TextBox)sender;
           a.BackColor = SystemColors.Window;
       }

Bind those events to the two text boxes. (You can even do this from the designer without writing code.)

C#

public Form1()
  {
          InitializeComponent();

          this.textBox1.Leave += new System.EventHandler(this.textBox_Leave);
          this.textBox1.Enter += new System.EventHandler(this.textBox_Enter);

          this.textBox2.Leave += new System.EventHandler(this.textBox_Leave);
          this.textBox2.Enter += new System.EventHandler(this.textBox_Enter);
      }

hope it will have your work done.:)

Posted 3-Jul-13 22:23pm

Qadri Jillani

Comments

Member 13985914 26-Mar-19 9:24am

your code works fine!
but i have a question can we use this in multiple form by writing in one form and use in multpile forms

Solution 5

Do so lightweight Js and CSS work

function DoBlur(fld)
{
fld.className='normalfld';
}

function DoFocus(fld)
{
fld.className = 'focusfld';
}

.normalfld
{
background-color: #FFFFFF;
}
.focusfld
{
background-color: #FFFFCC;
}

<input type="text" onblur="DoBlur(this);" onfocus="DoFocus(this);" />

Posted 3-Jul-13 23:08pm

Manu V Nath

Solution 6

Try this....:)

C#

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <style type="text/css">
        .onfocus
        {
            border-color:red;
        }
        .onblur
        {
            border-color:;
        }
    </style>
   <script type ="text/javascript">
    function Change(obj, evt)
    {
        if(evt.type=="focus")
            obj.className ="onfocus";
        else if(evt.type=="blur")
           obj.className ="onblur";
    }
   </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:textbox id="TextBox1" runat="server" onfocus="Change(this, event)" onblur="Change(this, event)" xmlns:asp="#unknown"></asp:textbox>
    </form>
</body>
</html>

Posted 3-Jul-13 23:16pm

Nirav Prabtani

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Vipin kumar.P · Accepted Answer · 2013-07-03T18:31:00

Please try the following
Initially assign the default color as Light blue for All three text box
next create two events textBox1_Enter/textBox1_Leave as follows

C#

private void textBox1_Enter(object sender, EventArgs e)
       {
           textBox1.BackColor = Color.White;
       }

       private void textBox1_Leave(object sender, EventArgs e)
       {
           textBox1.BackColor = Color.LightBlue;
       }

Neeraj Pandya · Accepted Answer · 2013-07-03T18:41:00

use this for textbox focus change event

C#

private void textBox1_Validating(object sender, CancelEventArgs e)
       {
           textBox1.BackColor = System.Drawing.Color.Red;
       }
       private void textBox1_Enter(object sender, EventArgs e)
       {
           textBox1.BackColor = System.Drawing.Color.Yellow;
       }