Register  |  Login




Advertisement

Start Your Own Q&A Site

Create your own Q&A site easily, allowing you to quickly grow a new community around any subject matter or generate new organic traffic for your existing website.

Question

Status: Closed Points: 75 Time: 06:36 - Oct 26, 2006  

david

Css to control onfocus and onblur?

Is it possible to control say a textbox or a textarea's onfocus or onblur state through css only?
I mean i want the background color to change when the cursor is in the textbox, and change back when the user clicks somewhere else.

Categories

Answer Discussion
Tutorials

 

multani.sarbjit

Date:: Oct 27, 2006

Time:: 02:04

HI David,

Hope the following will help you.

/* makes input elements yellow when focus is applied */
input:focus {background-color:yellow;}

:focus are known as dynamic pseudo-classes and can
theoretically be applied to any element. Unfortunately, only a few modern browsers such
as Firefox support this functionality.

david

Date:: Oct 27, 2006

Time:: 18:39

Thanks multani.sarbjit.

I didn't know the focus pseudo-class, but as it doesn't work in Internet Explorer, i had to use this instead:

<input type="text" onfocus="javascript: this.className = 'focused';" onblur="javascript: this.className = 'notfocused';">

where "focused" and "notfocused" are two classes in the stylesheet.
You'll get points anyway, since I learned something new :)

multani.sarbjit

Date:: Oct 28, 2006

Time:: 02:24

Thanks David

frcom

Date:: Oct 21, 2010

Time:: 12:54

great i may use it on http://www.photoshop.cc

Question Answered

This question has been closed, and points have been rewarded to the following experts:


multani.sarbjit: 75

You're welcome however to comment or give additional information or if you wish, you have the ability to write a Tutorial in the Tutorial Area.

Answer this Question

New User

Email:

Upon submission of this form, you will automatically be registered as a Quomon user and we will send your login information to this address

Registered User

Username:

Password:

Forgot Your Password?

No tutorials have been submitted yet. Want to be the first?

Answer this Question

New User

Email:

Upon submission of this form, you will automatically be registered as a Quomon user and we will send your login information to this address

Registered User

Username:

Password:

Forgot Your Password?

Ask a Question

Have a new question? Ask!

You have 100 characters to use



Top Experts

View More

Rank

Expert

Points

1.

nidhi

10279

2.

oracleofDelphi

6493

3.

rcastagna

5596

4.

LAGM

4848

5.

PeterNZ

3487

6.

gonzalo

2840

7.

Mason

2770

8.

jgivoni

2303

9.

xarcus

1820

10.

Anpanman

917

Become an Expert

Register today to share your knowledge with the community and be recognized and rewarded for your contributions.


Register Here




"Psst, Quomon is a great site. Pass it on."     Tell a Friend  |   Link To Us  |   Save to Delicious  |   Digg! Digg it



Language Options

English:

www.quomon.com

Español:

www.quomon.es