jquery - Jquery Button CSS - Padding and Margin

Question

Ok... This may be a stupid question, but I can't remove all paddings and margins from a simple Jquery button.

What am I doing wrong???

See this fiddle: 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

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

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