onclick input background-image change

**jyoz22** · 03-27-2006, 05:40 PM

i'm trying to get an input box's background to change once it's clicked. Is their a way to do this?

**vangogh** · 03-27-2006, 07:35 PM

It's going to be more a javascript thing than a css thing. You should have the onclick event go to a javscript function that finds the correct input and then changes the background color.

**jyoz22** · 03-27-2006, 08:27 PM

whoops, i meant background image i though i said that but thanks i'm goint to start searching.

**collyer_1** · 03-28-2006, 02:31 PM

I don't know if that could be done to an input item.

If you wanted to do it to a link you could use:

Code:

a { background-image: url(original_background.jpg); }
a:hover { background-image: url(mouseover_background.jpg); }
a:active { background-image: url(click_background.jpg); }

I havn't attempted it but why not try...

Code:

input { background-image: url(original_background.jpg); }
input:hover { background-image: url(mouseover_background.jpg); }
input:active { background-image: url(click_background.jpg); }

**jyoz22** · 03-28-2006, 02:46 PM

well i already found all i needed at: http://msdn.microsoft.com/library/de...roundimage.asp

thanks anyways!

**vangogh** · 03-28-2006, 05:59 PM

Yep javascript.