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

Question

我最后的超链接看起来很好。但是第一个＆＃34;按钮＆＃34;，这是一个类型提交的输入，看起来很糟糕的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>

Answer 1

试试这个：

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

Answer 2

图标类不应与其他类一起应用，例如按钮的类。具体来说，图标类执行诸如隐藏文本之类的操作，并且还具有自己的填充，高度，行高等定义。如果您需要使用按钮中的图标，请使用内置button元素的i元素。通常，您应该避免使用input s作为按钮。 HTML应该从来没有允许过，因为它混淆了元素的用途：渲染用户输入控件，技术上没有按钮。