Javascript jquery UI按钮太宽,尽管填充=0

Javascript jquery UI按钮太宽,尽管填充=0,javascript,jquery,css,jquery-ui,button,Javascript,Jquery,Css,Jquery Ui,Button,我试图缩小一些jQuery按钮的宽度。我使用下面的代码来删除填充,但是在我的按钮中文本的左侧和右侧仍然至少有5个像素 .button().css({ 'padding-left':'0px', 'padding-right':'0px' }); 例如,当我将“0px”更改为“200px”时,我得到了一个真正宽度的按钮,因此代码通常应该是正确的,并且指向正确的元素。这可能是因为按钮内的元素有自己的填充。以下是从jQuery UI的按钮生成的CSS: .ui-button-text-only .u

我试图缩小一些jQuery按钮的宽度。我使用下面的代码来删除填充,但是在我的按钮中文本的左侧和右侧仍然至少有5个像素

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

例如,当我将“0px”更改为“200px”时,我得到了一个真正宽度的按钮,因此代码通常应该是正确的,并且指向正确的元素。

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

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

刚试着去掉1米左右的填充物,效果很好。希望有帮助

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

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}
刚试着去掉1米左右的填充物,效果很好。希望有帮助

只是
.css('padding','0')
.css({'padding-left':'0','padding-right':'0'})
just
.css('padding','0')
.css({'padding-left':'0','padding-right':'0'})