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 。在 chrome、ff 和 ie 中测试。 ​