HTML – 如何使glyphicon作为提交按钮工作？

发布时间：2020-12-14 16:41:15 所属栏目：资源来源：网络整理

导读：我有一个类型提交的按钮,带有文本作为asp.net HTML.BeginForm中的POST方法的编辑.我想用glyphicon-edit替换它.如何实现与输入相同的功能.我能够实现使用的功能编辑按钮.我想使用glyphicon-edit相同的功能 HTML br /input type="submit" class="btn btn-defau

我有一个类型提交的按钮,带有文本作为asp.net HTML.BeginForm中的POST方法的编辑.我想用glyphicon-edit替换它.如何实现与输入相同的功能.我能够实现使用的功能编辑按钮.我想使用glyphicon-edit相同的功能

HTML

<br />

<input type="submit" class="btn btn-default" name="Editing" value="Edit" />

<div class="circle">
  <div class="glyphicon glyphicon-edit"></div>
</div>

CSS和look of glyphicon-edit包含在小提琴here中

解决方法

您可以编写一个提交类型的按钮,并在其中包装一个glyphicon

<button type="submit">
   <span class="glyphicon glyphicon-edit"></span>
</button>

编辑：

>按钮样式将应用于glyphicon,但您可以远程默认按钮css属性(例如.background：none; border：none; padding：0;)并应用新样式> onclick边框出现？ – outline：none应解决onclick上的轮廓边界问题.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!