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

标签 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 .ui-button-text {
    padding: .4em 1em;
}

刚刚尝试删除 1em 的左和右填充,它起作用了。希望对您有所帮助!

关于javascript - jquery UI 按钮太宽虽然 padding = 0,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11633192/

相关文章:

jquery-ui - Jquery addRow 和自动完成

css - 将两个 html 元素与自定义 css 放在同一行

javascript - 在 react.js 中使用没有这个的 setState

javascript - NPM 请求模块 - 正文与 json

php - 使用ajax将post数据提交到php文件

javascript - 切换多个图像并将它们设置为背景

javascript - 是否可以使用 JQuery 或 JavaScript 更改窗口大小?

javascript - 读取自定义用户字典

html - DIV 随机移动

CSS - 不需要的 div 交错和文本换行