Различное наведение мыши на изображение в тегах ввода

Question

У меня есть обычай (т.е. я нашел его в интернете) кнопку пожертвования PayPal. Я хочу, чтобы у него было 2 разных изображения - изображение мышки и изображение мышки. Я изменился

<input type="image" src='/images/icons/donate.png' border="0" name="submit" alt="">

в

<input type="image" onmouseout="this.src='/images/icons/donate.png'" onmouseover="this.src='/images/icons/hover_donate.png'" border="0" name="submit" alt="">

Два разных изображения работают правильно, однако, когда страница загружается изначально, ни одно изображение не появляется, пока я не наведу курсор мыши хотя бы один раз. После этого они находят, все работает как надо. Мне было интересно, если есть способ исправить это, желательно с помощью CSS. Вот полный раздел кода, о котором я говорю (без идентифицирующей информации), и изображение (или, скорее, ссылка, так как у меня нет представителя для публикации изображений) того, о чем я говорю.

            <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
            <input type="hidden" name="cmd" value="_s-xclick">
            <input type="hidden" name="hosted_button_id" value="valueHere">
            <input type="image" onmouseover="this.src='/images/icons/hover_donate.png'" onmouseout="this.src='/images/icons/donate.png'" border="0" name="submit" alt="PayPa$
            <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
            </form>

Образ

Верхняя часть - это то, что я вижу на новой странице (с помощью ctrl+f5, чтобы убедиться, что она тянет ее с сервера, а не из моего кэша), а нижняя - кнопка и кнопка наведения соответственно.

Answer 1

Укажите идентификатор в поле ввода и задайте фоновое изображение (изображение, которое вы хотите отображать по умолчанию без наведения)

<style type="text/css">
   #donation{background-image:url(images/icons/donate.png);}
</style>

<input type="image" id="donation" onmouseout="this.src='/images/icons/donate.png'" onmouseover="this.src='/images/icons/hover_donate.png'" border="0" name="submit" alt=""> And