如何使用FontAwesome字体图标作为HTML页面表单中的提交按钮图片文字

---

：如何使用FontAwesome字体图标作为HTML页面表单中的提交按钮图片文字

方法一：

<input style="font-family: FontAwesome;" value="&#xf002;" type="submit">

方法二： 

<button class="btn">

    <i class="fa fa-search" aria-hidden="true"></i>提交

</button>

方法三： 直接用图片替代

<button>

    <img src="http://clicksun.cn:88/mis/images/arrow_up_red16.png" align="absmiddle" style="margin-right:2px;">提交

</button>

button按钮支持 disabled 命令和变灰显示效果。

该文章在 2023/5/17 19:01:15 编辑过