twitter-bootstrap – 添加图标以提交按钮在twitter bootstrap 2

发布时间：2020-12-17 23:13:11 所属栏目：安全来源：网络整理

导读：我想在我的表单输入提交按钮使用Twitter的引导图标。 http://twitter.github.com/bootstrap/base-css.html#icons上的示例主要显示样式超链接。最近我来到的图标显示在按钮旁边，但不在里面。 div class="input-prepend" span class="add-on"i class="icon-u

我想在我的表单输入提交按钮使用Twitter的引导图标。

http://twitter.github.com/bootstrap/base-css.html#icons上的示例主要显示样式超链接。

最近我来到的图标显示在按钮旁边，但不在里面。

<div class="input-prepend">
   <span class="add-on"><i class="icon-user icon-white"></i></span>
   <input type="submit" class="btn-primary" value="Login" >
</div>

解决方法

您可以使用按钮标签，而不是输入

<button type="submit" class="btn btn-primary">
  <i class="icon-user icon-white"></i> Sign in
</button>

（编辑：李大同）

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