입력 태그 내에서 다른 마우스 오버 및 마우스 아웃 이미지

Question

나는 (인터넷에서 찾은 IE) PayPal 기부 버튼이 있습니다. 나는 그것이 2 개의 다른 이미지 - 마우스 아웃 이미지와 마우스 오버 이미지를 갖기를 원한다. 나는 적어도 한 번 마우스를 움직일 때까지 페이지가로드 처음도 이미지가 나타날 때 나는

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

두 개의 서로 다른 이미지가 있지만, 제대로 작동에

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

을 변경했습니다. 그 후에, 그들은 발견하고, 그것이 어떻게 작동 하는지를 발견합니다. 이 문제를 해결할 수있는 방법이 있다면 궁금합니다. 다음은 제가 말하고있는 코드의 전체 섹션입니다 (마이너스 식별 정보). 그리고 이미지 (또는 링크, 이미지를 게시 할 담당자가 없으므로 링크)에 대해 말하고 있습니다.

  <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> 

Image

상단 하나는 내가 (Ctrl + F5와 서버에서 당겨 아니라 내 캐시 것 확인하기 위해) 새로운 페이지에 표시되는 내용이며, 아래 사람 버튼입니다 및 호버 버튼을 각각 누릅니다. 입력 필드에

Answer 1

가지 적어 ID와주고 그 배경 이미지 (당신이 유혹하지 않고 기본에 표시 할 이미지)

<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