textarea onClick?

[alaios]

Hi there... Do uknow how i can change the color of a textarea when a user clicks on it? Do u know which browsers support this feauture?Thx

[Mr J]

<textarea name="t1" onclick="this.style.backgroundColor='red' "></textarea>

[alaios]

Thx...do u know if this is possible using stylesheets?
I ask because in this format it is not easy to make changes...

[Antoniohawk]

You can use the css pseudoclass :focus, but the support for it is pretty poor. Check out the support chart for it [here]. I probably shouldn't say that the support is poor, it's just that IE doesn't like it at all.

[jamescover]

You want this:

onclick="this.style.backgroundColor='red'"

(Background color)


or this:

onclick="this.style.color='red'" (text color)



-james

[JohnKrutsch]

Here is an example of how you can control the appearance of a textarea using CSS and JavaScript event handlers:

<style>

.txt_red{
	background-color:red;
	color:white;
}

.txt_blue{
	background-color:blue;
	color:yellow;
}
</style>

<textarea class="txt_blue" onfocus="this.className='txt_red'" onblur="this.className='txt_blue'" cols="30" rows="7">The style of this text area is dynamically controlled</textarea>