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

我有一个类型提交的按钮,带有文本作为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上的轮廓边界问题.

原文地址：https://www.jb51.cc/html/227057.html