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

Question

我有一个按钮，其中的图像在按下时链接到另一个页面。这一切都很好，除非我点击它消隐的按钮，并且图像不再出现，直到选择了页面上的其他内容。 HTML如下：

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

个人按钮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>