Firefox中的Jquery UI按钮CSS问题

Question

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

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

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

Answer 1

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

Answer 2

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

Answer 3

它们是inline-block元素，因此vertical-align: top;中的默认值为基线 .write ui-corner-all。写得像这样：

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