您可以在 <a>、<button> 或 <input> 元素上使用按钮 class。
但是建议您在 <button> 元素上使用按钮 class,避免跨浏览器的不一致性问题。
下面的实例演示了这点:
为 <a>
、<button>
或 <input>
元素应用按钮类。
<a class="btn btn-default" href="#" role="button">Link</a> <button class="btn btn-default" type="submit">Button</button> <input class="btn btn-default" type="button" value="Input"> <input class="btn btn-default" type="submit" value="Submit">
我们总结的最佳实践是,强烈建议尽可能使用 <button>
元素来获得在各个浏览器上获得相匹配的绘制效果。
另外,我们还发现了a bug in Firefox <30 版本的浏览器上出现的一个 bug :阻止我们为基于 <input>
元素创建的按钮设置 line-height
属性,这就导致在 Firefox 浏览器上不能完全和其他按钮保持一致的高度。