改变jquery mobile 1.4中按钮的高度,最佳实践

时间:2014-06-05 19:06:52

标签: jquery-mobile

使用JQM 1.3,更改按钮高度的最佳做法是:

#containerdivID .ui-btn {
    height:20px;
    line-height:20px;
}

它仍适用于JQM 1.4 ...我的意思是按钮很奇怪,它们周围有一种内部边缘:

enter image description here

这是我的HTML:

  <div id="expShortButtonsStart">
                <button id="ExpShortGotoapp" class="ui-btn-b ui-icon-logo ui-btn-icon-right">Start</button>
  </div>

1 个答案:

答案 0 :(得分:1)

如果按钮位于div容器中,则需要删除顶部和底部填充:

#expShortButtonsStart .ui-btn {
    height:20px;
    line-height:20px;
    padding-top: 0;
    padding-bottom: 0;
}

没有div容器,旧的方法效果很好:

#buttonid.ui-btn {
    height:20px;
    line-height:20px;
}