javascript - jquery UI按钮太宽虽然填充= 0

Question

我尝试减小一些 jQuery 按钮的宽度。我使用以下代码删除填充，但我的按钮中的文本左右仍然至少有 5 个像素。

.button().css({ 'padding-left':'0px', 'padding-right':'0px' });

例如，当我将“0px”更改为“200px”时，我最终会得到一个真正宽度的按钮，因此代码通常应该是正确的并针对正确的元素。

Answer 1

这可能是因为按钮内部的元素有它自己的填充。这是从 jQuery UI 的按钮生成的 CSS：

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

刚刚尝试删除 1em Left & Right 填充，它起作用了。希望有帮助！