HTML将图标显示为提交按钮

Question

我正在为学校做一个项目，但我坚持这个问题： 我想要一个输入提交，但我想要一个图标点击而不是按钮。 在寻找其他答案后，我还没想出来。

TourDate

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>