Javascript jQueryUI图标在菜单小部件内呈现时不居中

我可以修复这些按钮，使图标位于它们的中心吗？这只发生在菜单小部件中。在我的屏幕截图中，您可以看到它们是如何从左上角对齐到按钮的。我在菜单外面有一个按钮，作为它在那里工作的一个例子。创建按钮的代码是相同的。jQuery 1.8.2和jQueryUI 1.9.0

        $(".save").button({
            text: false,
            icons: { primary: "ui-icon-disk" }
        }).click(function () { alert('Save not implemented yet'); return false; });

        $(".Delete").button({
            text: false,
            icons: { primary: "ui-icon-trash" }
        }).click(function () { alert('Delete not implemented yet'); return false; });

---

使用控制台检查css并进行相应调整。无法对图像中的css进行故障排除如果我从jQuery css文件for.ui menu.ui图标中删除顶部和左侧，则可以解决问题。我不喜欢修改这些文件。我试图在html文件中覆盖它，但没有成功。ui menu.ui icon{position:absolute；top:.2em；left:.2em}您可以不使用原始文件，只需编写比原始文件更具体的css规则，或者使用

！重要信息

或确保在主UI css文件之后加载新规则