Font Awesome重置密码对应图标及Bootstrap4按钮实现代码查询

重置密码按钮实现代码 #

你可以基于现有编辑按钮的结构，替换对应属性和图标即可，示例代码如下：

<button class="btn btn-warning btn-xs" type="button" id="resetPassword" title="重置密码">
  <i class="fa fa-key"></i>
</button>

可选调整说明

• 按钮主题色可根据业务需求替换btn-warning为其他Bootstrap4内置按钮类，比如btn-danger（红色警示）、btn-secondary（灰色中性）等，匹配页面整体交互风格
• 若你使用的是Font Awesome 5及以上版本，可将图标类替换为fas fa-key以保证图标正常渲染
• 后续绑定重置密码的交互逻辑时，可直接通过id resetPassword选中该按钮元素

内容的提问来源于stack exchange，提问作者Santhosh