css - Firefox中的Jquery UI按钮CSS问题

Question

我在此页面上使用 Firefox 11.0 http://jqueryui.com/demos/button/ 我看到一些未对齐（垂直）按钮，如下图所示

在chrome中没有问题。我已经使用相同的版本设置升级了 Firefox 以进行修复安装。但这并不能解决问题。

请检查并告诉我，你是否面临这个问题..？

Answer 1

是的，Firefox 有这种行为。它默认为垂直对齐：a标签的基线，因此要修复它，您可以将样式垂直对齐：顶部应用于a标签（锚），这样它将与其他2个按钮一起显示

Answer 2

是的，我也看到了....overflow:hidden;从 ui-button 类中删除。

Answer 3

它们是inline-block元素，因此默认值为basline .writevertical-align: top;在您的ui-corner-all. 像这样写：

.ui-corner-all{
 vertical-align: top;
}