Javascript PNG图像作为按钮

我试图在我的资产中设置一个图像作为一个按钮，并且在大多数情况下，让它工作。图像是一个PNG

以下是按钮的HTML代码：

<button type = "button" onclick = "start()"> <img src = "assets/site/start-button.png"> </button>

以下是PNG图像：

以下是我看到的：

我如何使按钮的白色部分消失？我认为（不完全确定是否是这种情况——如果不是，有人能解释一下发生了什么吗？）按钮是在包围图像，就像它包围文本一样，而不是简单地将图像作为按钮。我如何改变这个？我希望它只显示PNG图像，没有其他

---

编辑：我没有任何css的按钮。是否需要添加任何内容？

您需要从按钮中删除所有样式，例如其背景色、边框等

通过添加CSS属性

apprance:none，可以删除浏览器的默认样式

如果要包装图像，我建议使用锚定标记，而不是按钮。
我建议从按钮中删除图像，并将其设置为css中的背景图像，同时删除默认按钮样式。工作示例：


函数开始（）{
console.log（'start'）；
}
。按钮{
背景：url（'https://mdn.mozillademos.org/files/7693/catfront.png")不重复;；
光标：指针；
边界：无；
}
这可能通过修改样式表（CSS）来实现。如何实现？如中所示，我是否会尝试使按钮不可见/透明？如果是这样的话，我不确定怎么做。请在问题中加入你的CSS。有关详细信息，请参阅。我尝试了此代码，但没有显示任何按钮。它是不是应该说“我把它添加到一个你可以运行的代码片段中，你可以看到它在输出中工作。希望这有帮助！我刚刚尝试了代码，它似乎工作了。我认为图像在那里，但它非常小（它不包括整个图像，只有一个角）…有没有办法增加按钮的大小？最终更新：我知道了！你的代码成功了，我刚刚在按钮的CSS代码中添加了一个填充部分。非常感谢！锚定标记是什么？它允许我像按钮一样在点击时调用函数吗？锚定标记是一个
标记哦，好的。我看看是否有效。谢谢！