3.6.3　多标签支持

btn相关元素的强大之处在于，它不仅能够支持普通的button元素，也能够支持a元素和input元素，这些元素应用btn样式也能够产生同样的显示效果。用法如下：

<a class="btn btn-default" href="#">链接</a>
<button class="btn btn-default" type="submit">按钮</button>
<input class="btn btn-default" type="button" value="输入框">
<input class="btn btn-default" type="submit" value="提交">

但是，强烈建议不管在任何情况下，都使用button元素，以免出现跨浏览器兼容性问题。比如，Firefox浏览器下就有一个bug，导致无法为<input>标签按钮设置line-height，其结果就是这种按钮和普通的按钮高度不一致。效果如图3-32所示。

图3-32　input元素在Firefox浏览器无法设置line-height