jquery ui按钮图标不以firefox为中心

Question

我有这个按钮

$('#galery .buttonClose').button({
    icons: {
        primary: "ui-icon-closethick",
        text: false
    }
});

css：

  #galery .buttonClose{position: absolute; top: 3px; right: 3px; height: 30px; width: 30px;}

它在Chrome上工作正常，图标以按钮为中心，但在Firefox中图标完全按下

jsFiddle： http://jsfiddle.net/nDMV8/2/

这似乎是jQuery UI中的一个常见错误我认为当你尝试使用按钮而没有文本来正确设置css并在所有浏览器中工作时，他们应该计划一些东西。就像他们在主题页面（底部）上显示所有图标一样：http://jqueryui.com/themeroller/

Answer 1

#galery .buttonClose{
    top: 3px;
    right:3px;
    height: auto;
    padding-top:5px;
    padding-bottom:5px;
    width: 35px;
}

示例here。测试铬，ff和ie。

Answer 2

你还有你的text：false选项在错误的地方，它应该是：

  { icons: { primary: "ui-icon-closethick" }, text: false }

感谢jmoerdyk

然后我只需将高度设置为 32px 并固定！