Is there a way to set the image for an <input type="image"> in CSS?

Hello,

If I have the following HTML...

<input type="image" src="fred.gif">

.... is there a way to specify the image in CSS rather than in the HTML?

TIA

--
Alan Silver
(anything added below this line is nothing to do with me)

Alan Silver wrote:

If I have the following HTML...

input type="image" src="fred.gif"

Then you should fix it to use <input type="submit" value="...">.

... is there a way to specify the image in CSS rather than in the HTML?

Yes and no. You could e.g. use a dummy image (transparent single-pixel
image) as fred.gif and use CSS to set a background image for the
element. But don't. To begin with, it would fail whenever CSS is turned
off or your author style sheet is ignored, as well as when browsing in
no-images mode.

The relevant thing is that you should not use image submit buttons in
the first place. For reasons, see
http://www.cs.tut.fi/~jkorpela/forms/imagebutton.html

If I have the following HTML...
input type="image" src="fred.gif"

Then you should fix it to use <input type="submit" value="...">.

It was air code, purely intended to show the tag I meant. I only use
full, valid HTML in real documents ;-)

... is there a way to specify the image in CSS rather than in the HTML?

Yes and no. You could e.g. use a dummy image (transparent single-pixel
image) as fred.gif and use CSS to set a background image for the
element. But don't. To begin with, it would fail whenever CSS is turned
off or your author style sheet is ignored, as well as when browsing in
no-images mode.

The relevant thing is that you should not use image submit buttons in
the first place. For reasons, see
http://www.cs.tut.fi/~jkorpela/forms/imagebutton.html

OK, I'm convinced!!

Don't you wish it was always that easy?

Thanks for the reply.

--
Alan Silver
(anything added below this line is nothing to do with me)