Jquery Button CSS - 填充和边距答案

【问题标题】：Jquery Button CSS - Padding and MarginJquery Button CSS - 填充和边距
【发布时间】：2013-05-15 16:25:46
【问题描述】：

好的...这可能是一个愚蠢的问题，但我无法从一个简单的 Jquery 按钮中删除所有填充和边距。

我做错了什么？？？

看到这个小提琴：http://jsfiddle.net/liviozanol/MLmtA/

body
{
    padding: 20px;
}
#btnClose {
        padding: 0px !important;
           margin: 0px !important;     
}
#IMAGE {
            padding: 0px !important;
           margin: 0px !important;

【问题讨论】：

OK... 我只想使按钮与图像大小相同。例如：删除图像和按钮边框之间的空间。

标签： jquery css button padding

【解决方案1】：

您只是针对错误的元素 - 填充位于 <span class="ui-button-text"> 上，而不是其包含的 div。使用#btnClose .ui-button-text 覆盖当前声明

http://jsfiddle.net/MLmtA/2/

#btnClose .ui-button-text {
padding: 0;
}

【讨论】：

【解决方案2】：

常见提示：你必须学会使用调试器。它简化了您的工作。对于类似的任务，您应该通过调试器（即Firebug、Chrome DevTools、）在 DOM 中发现 HTML 元素，并且从上下文中您会看到问题

在特定情况下： jquery-ui 有自己的样式，你必须为内部标签跨度设置样式。

【讨论】：