jQuery UI 按钮和锚标签

Question

如果您查看按钮演示页面，您会发现锚标记的大小与其他两个稍有不同（至少在 chrome 中）。这是由于浏览器应用了默认样式。

见：http://jqueryui.com/demos/button/

是否有任何快速简便的修复方法可以使“锚按钮”看起来与普通按钮完全一样？

Answer 1

如果您修改或覆盖（推荐）jquery.ui.button.css 第 18 行的垂直填充，您应该能够修复它。 这是当前块：

.ui-button-text-only .ui-button-text {
    padding: 0.4em 1em;
}

这是一个潜在的解决方法：

.ui-button-text-only .ui-button-text {
    padding: 0.3em 1em;
}

只在 Webkit nightly 中对其进行了测试，因此您需要通过其他浏览器运行它来验证。