Make Font Awesome圖標是表單的提交

Question

我正在嘗試在表單帖子中制作一個字體很棒的圖標（空方塊）。 但是，我嘗試的代碼顯示了按鈕內的圖標。 我不需要按鈕，不需要我想要的美學（參見附件截圖）。 有什么想法嗎？ 我正在使用這個HTML代碼（只顯示提交代碼以保持簡單）：

<!--input type="image" class="fa fa-square-o fa-lg" /-->
<button type="submit" id="completed-task">
      <i class="fa fa-square-o fa-lg"></i>
</button>

Answer 1

您可以通過取消邊框，背景和填充來隱藏按鈕;

<button type="submit" id="completed-task" class="fabutton">
      <i class="fa fa-square-o fa-lg"></i>
</button>

.fabutton {
  background: none;
  padding: 0px;
  border: none;
}

 @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css'); .fabutton { background: none; padding: 0px; border: none; } 

 <button type="submit" id="completed-task" class="fabutton"> <i class="fa fa-square-o fa-lg"></i> </button>