CSS3使用Font Awesome字体图标的控件样例(按钮,工具栏,输入框)

按钮上加入font awesome图标,用原生的input button标签无法实现,查看网上的只能通过<a><li></li></a>实现此功能,通过css样式模拟出button的外形,给a标签添加click的属性,从而实现点击效果。

功能:   添加css样式,模仿bootstrap的风格,实现按钮加图标的效果

1、用 a标签加入图标的方式

参考链接:

http://www.111cn.net/cssdiv/css/105344.htm

<a class="btn btn-danger" href="#">
<i class="fa fa-trash-o fa-lg">
</i> Delete</a>

可以用button标签加入图标

 <button type="submit" class="btn btn-success">
<i class="fa fa-check" />
</i>确定
</button>
上一篇:ubuntu18.04-ros-melodic-carlar安装教程详细指南


下一篇:ansible笔记(3):ansible模块的基本使用