输入标签中的不同mouseover和mouseout图像

我有一个自定义（IE我在互联网上找到它）PayPal捐赠按钮。我希望它有2个不同的图像 - 鼠标图像和鼠标悬停图像。我改变输入标签中的不同mouseover和mouseout图像

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

Image

上面一个是我看到一个新的页面上（用Ctrl + F5，以确保它从服务器拉它，而不是我的缓存），底部的有按钮和悬停按钮。在输入字段

来源

2013-02-14 Dax

给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

来源

2014-01-30 15:21:04

输入标签中的不同mouseover和mouseout图像

回答

相关问题