Question

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

我做错了什么???

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

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

Answer 1

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

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

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

Answer 2

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

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

Jquery Button CSS - 填充和边距

2 个答案: