Make Font Awesome图标是表单的提交

Question

我试图在表单帖子中点击一个字体真棒图标（空方块）。但是，我尝试的代码显示了按钮内的图标。我不需要按钮，不需要我想要的美学（参见附件截图）。有什么想法吗？我正在使用这个HTML代码（只显示提交代码以保持简单）：

Select regexp_substr ( <text>, '(^|[^0-9])([0-9]{10})([^0-9]|$)', 1, 1, '', 2 ) from dual;

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;
}

＆＃13;

＆＃13;

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;