jquery - 覆盖 jquery 移动按钮边距

Question

我正在为我确定是一个简单错误而转动轮子。

考虑以下 jqm(版本 1.3) View (在 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。

很高兴我能帮上忙 :)