HTML将图标显示为提交按钮[重复]

Question

我正在为学校制作一个项目，但我遇到了这个问题： 我想要一个输入提交，但我想要一个图标来点击而不是按钮。 搜索其他答案后，我还没有弄清楚。

<form>
    <input type="submit" id="submit-icon">
</form>

Answer 1

如果你绝对必须使用输入，试试这个：

background-image: url(...);
background-repeat: no-repeat;
background-position: <left|right>;
padding-<left|right>: <width of image>px;

使用内部带有 img 的按钮通常会更容易一些：

<button type="submit"><img> Text</button>