覆盖jquery移动按钮边距

Question

我正在转动轮子,我确信这是一个简单的错误.

考虑以下jqm(版本1.3)视图(以haml为单位)

#main-header{'data-role' => 'header'}

#main-content{'data-role' => 'content'}   #main-buttons
    %input#a{'type' => 'button', 'name' => 'a', 'value' => 'A'}
    %input#b{'type' => 'button', 'name' => 'b', 'value' => 'B'}

样式表:

#main-buttons {
  margin: 30px;
  margin-top: 160px;
}   

#a {
  margin-bottom: 60px !important;
}

这里我应用于按钮"a"的margin-bottom风格没有任何影响.我的目标是在两个按钮之间添加一些垂直空间.我错过了什么？

呈现的UI如下所示:

Answer 1

这是我的谦虚回答.以上答案更多地解释了您的问题.

要覆盖按钮样式,请将样式添加到.ui-btn.

我很高兴我得到了帮助:)