How to reverse the color of a text field when a user clicks on it using CSS

Question

The question is in the subject.

Answer 1

input[type='text']:focus {  
    background-color: #0066FF;  
}

Answer 2

You can use the CSS pseudo-class selector as follows:

textarea:focus { background-color: red }

Please note that this does not work IE7 and below .

Answer 3

Demonstration:)

textarea:focus
{
   background-color: #00ff00;
}