CSS Awesome Font图标作为提交按钮
用户名
我有一个提交按钮，如下所示：
<input type="submit" value="Submit" id="submitButton" />
而且我也有这个很棒的字体图标
<i class="fa fa-search"></i>
我尝试将类添加到“提交”按钮，但这没有用。
Ryanpcmcquen
除非您对使用呆滞，否则<input>使用a<button>会使这变得容易得多，但是可以使用unicode版本的search并在其前面加上&#x：
#submitButton {
font-family: FontAwesome;
}<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<input type="submit" value="" id="submitButton">
<button id="submitButton">
<i class="fa fa-search"></i>
</button>在Font Awesome网站上的图标下方可以找到任何Font Awesome图标的Unicode版本：
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
CSS（Font Awesome）-在没有Javascript的情况下更改不同按钮状态的图标颜色
- 2
Font Awesome CSS覆盖了我的CSS
- 3
单击时更改Font Awesome图标的颜色：CSS / JavaScript
- 4
使用CSS更改Font Awesome图标不起作用
- 5
CSS - 将 Font Awesome 图标与一段文本对齐
- 6
将Font Awesome图标设为表单提交
- 7
Font-Awesome CSS无法在本地工作
- 8
使用font-awesome和CSS，是否可以通过CSS更改来更改图标？
- 9
使用font-awesome和CSS，是否可以通过CSS更改来更改图标？
- 10
如何在CSS中的Font Awesome图标旁边输入文本块？
- 11
在单选按钮更改事件上动态更改Font Awesome图标
- 12
如何在<input>按钮中添加Font Awesome图标？
- 13
React中的Font Awesome图标
- 14
Font Awesome 图标未显示
- 15
Font Awesome 图标直接链接
- 16
Font Awesome 5 免费 CSS/Webfonts 伪字符未显示
- 17
如何在 React 应用程序中使用 ::before CSS 伪选择器修改 Font Awesome 图标？
- 18
如何在项目中使用Font Awesome图标作为ImageButton的图标
- 19
导航内垂直居中的Font Awesome图标
- 20
删除未使用的Font Awesome图标
- 21
Font-Awesome-Rails无法加载图标
- 22
如何抵消重叠的Font Awesome图标？
- 23
文字后面的Font Awesome图标
- 24
Webix树节点的Font Awesome图标
- 25
带有Jqplot的Font Awesome图标
- 26
文字后面的Font Awesome图标
- 27
导航内垂直居中的Font Awesome图标
- 28
No Font-Awesome 主题图标
- 29
Font Awesome 图标无法用作链接
我来说两句