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中测试一次，因此您需要通过其他浏览器运行它来验证。