jQuery UI按钮和锚点标签

Question

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

参见: http://jqueryui.com/demos/button/ 有没有快速简便的方法可以使“锚按钮”看起来完全像普通按钮？

- mikeycgto

---

作为参考，这里是一个记录此问题的开放jQuery工单：http://bugs.jqueryui.com/ticket/5254 - r0m4n

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最新版中测试过，你需要在其他浏览器中运行以进行验证。

- leppert