使 Font Awesome 图标成为表单的提交
Make Font Awesome icon a submit for a form
我正在尝试在表单中制作一个可点击的超棒字体图标(空方块)post。但是,我尝试的代码显示了按钮内的图标。我不需要按钮,而不是我正在寻找的美学(见附件截图)。有什么想法吗?我正在使用此 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>
您可以通过去掉边框、背景和内边距来隐藏按钮;
<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>
我正在尝试在表单中制作一个可点击的超棒字体图标(空方块)post。但是,我尝试的代码显示了按钮内的图标。我不需要按钮,而不是我正在寻找的美学(见附件截图)。有什么想法吗?我正在使用此 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>
您可以通过去掉边框、背景和内边距来隐藏按钮;
<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>