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>