转载

Bootstrap 按钮标签

按钮标签

您可以在 <a>、<button> 或 <input> 元素上使用按钮 class。
但是建议您在 <button> 元素上使用按钮 class,避免跨浏览器的不一致性问题。

下面的实例演示了这点:

按钮类

<a><button><input> 元素应用按钮类。

Link  
 <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 浏览器上不能完全和其他按钮保持一致的高度。

正文到此结束
Loading...