类型输入提交上的引导按钮图标不可见答案

【问题标题】：Bootstrap button icon on type input submit not visible类型输入提交上的引导按钮图标不可见
【发布时间】：2014-04-04 13:44:09
【问题描述】：

我最后的超链接看起来不错。但是第一个“按钮”是提交类型的输入，在 Bootstrap 中看起来很糟糕。我没有看到按钮上的图像。

实际上，我想我必须使用带有剃须刀的提交按钮，但我怎样才能从 Bootstrap 中恢复我漂亮的按钮样式？没有可见的图标！

<input type="submit" class="btn btn-default fa fa-save" id="saveTeststeps" />

看起来不错，图标可见：

<a class="btn btn-default" href="#"><i class="fa fa-plus"></i></a>

【问题讨论】：

您是否尝试过使用<button>？
感谢工作。只是按钮不再是方形的。它比它的高度更宽。

标签： asp.net-mvc twitter-bootstrap

【解决方案1】：

试试这个：

<button class="btn btn-default" type="submit" id="saveTeststeps">
 <i class="fa fa-plus"></i>
</button>

【讨论】：

【解决方案2】：

图标类不打算与其他类一起应用，例如按钮类。具体来说，图标类执行隐藏文本之类的操作，并且还有自己的填充、高度、行高等定义。如果您需要在按钮中使用图标，请使用button 元素和内部i 元素。不过，一般来说，您应该避免使用inputs 按钮。 HTML 应该从一开始就不允许这样做，因为它混淆了元素的用途：呈现用户输入控件，而按钮在技术上不是这样。

【讨论】：