Question

在按钮图像加载之前会发生什么，它背后有一个按钮，这很奇怪......我该如何摆脱它？

<button id="cambtn" onclick="camera()"><img id="camicon" src="camera.png" alt="Camera" width="120" style="position:absolute; left:50px; top:50px;"></button>

Answer 1

如果您将此代码段放在样式表中，则应该处理按钮格式。

#cambtn {
  background: transparent;
  border: 0 none;
  padding: 0;
}

内联示例（虽然不推荐）：

<button style="background: transparent;border: 0 none;padding: 0;" id="cambtn" onclick="camera()"><img id="camicon" src="camera.png" alt="Camera" width="120" style="position:absolute; left:50px; top:50px;"></button>

Answer 2

如果您不想要按钮，请不要使用button元素。假设元素不在表单内，只需将点击功能直接分配给图像：

<img id="camicon" onclick="camera()" src="camera.png" ...>

如何摆脱按钮图像下的按钮？

2 个答案: