html - 单击时输入按钮上的图像消失

Question

我有一个带有图像的按钮，按下该按钮可链接到另一个页面。一切正常，除非我单击按钮时它会消失，并且在选择页面上的其他内容之前图像不会重新出现。 HTML 如下:

<input type="submit" class="personalbutton" value="" onclick="location.href='http://www.google.ca'">

personalbutton CSS 类:

.personalbutton {
background-image: url(../images/buttons/buttonimage.png);
width: 175px;
height: 50px;

如何防止这种情况发生？

Answer 1

不要使用“提交”类型的标签来创建您的按钮，而是尝试使用该标签，看看您是否仍然遇到同样的问题。

<button class="personalbutton" onclick="location.href='http://www.google.ca'">Click Me</button>