Как изменить изображение кнопки ввода с помощью CSS?

Question

Итак, я могу создать кнопку ввода с изображением, используя

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

Но я не могу получить такое же поведение, используя CSS. Например, я пробовал

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

где myButton определяется в файле CSS как

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

Если это все, что я хотел сделать, я мог бы использовать оригинальный стиль, но я хочу изменить внешний вид кнопки при наведении курсора (используя класс myButton:hover). Я знаю, что ссылки хороши, потому что я смог загрузить их для фонового изображения для других частей страницы (просто для проверки). В Интернете я нашел примеры того, как сделать это с помощью JavaScript, но я ищу решение CSS.

Я использую Firefox 3.0.3, если это имеет значение.

Answer 1

Возможно, вы могли бы просто импортировать файл .js и заменить изображение там, в JavaScript.