Home/ Questions/Q 55529
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-10T17:23:30+00:00

So, I can create an input button with an image using <INPUT type="image" src="/images/Btn.PNG"

  • 0

So, I can create an input button with an image using

<INPUT type="image" src="/images/Btn.PNG" value="">

But, I can’t get the same behavior using CSS. For instance, I’ve tried

<INPUT type="image" class="myButton" value="">

where "myButton" is defined in the CSS file as

.myButton {     background:url(/images/Btn.PNG) no-repeat;     cursor:pointer;     width: 200px;     height: 100px;     border: none; }

If that’s all I wanted to do, I could use the original style, but I want to change the button’s appearance on hover (using a myButton:hover class). I know the links are good, because I’ve been able to load them for a background image for other parts of the page (just as a check). I found examples on the web of how to do it using JavaScript, but I’m looking for a CSS solution.

I’m using Firefox 3.0.3 if that makes a difference.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. If you’re wanting to style the button using CSS, make it a type=’submit’ button instead of type=’image’. type=’image’ expects a SRC, which you can’t set in CSS.

    Note that Safari won’t let you style any button in the manner you’re looking for. If you need Safari support, you’ll need to place an image and have an onclick function that submits the form.

    • 0