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>