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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/html/227057.html

猜你在找的HTML相关文章