So, I can create an input button with an image using

    &lt;INPUT type=&quot;image&quot; src=&quot;/images/Btn.PNG&quot; value=&quot;&quot;&gt;

But, I can&#39;t get the same behavior using CSS. For instance, I&#39;ve tried

    &lt;INPUT type=&quot;image&quot; class=&quot;myButton&quot; value=&quot;&quot;&gt;

where &quot;myButton&quot; 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&#39;s all I wanted to do, I could use the original style, but I want to change the button&#39;s appearance on hover (using a `myButton:hover` class). I know the links are good, because I&#39;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&#39;m looking for a CSS solution.

I&#39;m using Firefox 3.0.3 if that makes a difference.



All Input Button-Image Solutions on Gang of Coders

Total of 1 Input Button-Image Solutions

How to change an input button image using CSS