Javascript 背景图像更改按钮'；Firefox中的默认样式

我正在制作一个运行在Firefox中的numpad

Check fiddle示例：[在Firefox中打开]

我的问题是，我试图添加一个清晰的图像，如下所示：

我试着把它添加到右下角的按钮上，它对我很有效

但问题是，按钮的样式和鼠标或点击已经改变

只要试着点击其他数字按钮，感受不同

我想知道，是否有一种方法，只是添加图片到这个按钮，而不破坏它的默认设置 风格

HTML:

---

最好的方法是使用图标字体。在这种情况下，您可以为按钮添加值，而不是添加背景图像：

以下是一些有用的链接：

编辑：用按钮标签替换最后的输入

   <button><i class=" icon-remove"></i></button>

并在里面添加了图标字体符号 下面是演示（包括字体可怕的CSS）：

---

您可以使用

而不是使用输入

type=“button”

，然后将html像

img

一样放入其中

<button value=""><img src="../img/clear.jpg" /></button>

---

非常感谢您的帮助，但是是否可以继续使用type=“button”？输入type=“button”和按钮之间没有什么区别，只是按钮允许在其中使用html，因此更灵活。这非常有用如果您仍然想使用type=“button”，欢迎使用这里有一个类似的方法，很抱歉忘了提到这里有一个链接，你可以在这里找到其他unicode格式的图标

   <button><i class=" icon-remove"></i></button>

<button value=""><img src="../img/clear.jpg" /></button>

<button value=""><div style="background:url(../img/clear.jpg) no-repeat center center" /></button>