【发布时间】:2014-11-30 17:40:10
【问题描述】:
我正在使用 JQM 开发一个应用程序。我想在面板中使用控制组作为菜单,但它无法正常工作...
在这里查看 jsfiddle > 点击左上角的齿轮按钮:http://jsfiddle.net/japx5xxh/
如何删除按钮顶部和底部的边距?
HTML:
<div data-role="panel" id="home-options" data-display="overlay" class="ui-mini ui-panel-inner">
<div data-role="control group">
<a href="#" class="ui-btn ui-corner-all">No icon</a>
<a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-left">Left</a>
<a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-right">Right</a>
</div>
</div>
CSS:
.ui-panel-inner {
padding: 0 !important;
}
非常感谢!
【问题讨论】:
-
&nbsp;已添加到锚点之间,删除它们并从面板 div 中删除类 `ui-panel-inner`,它将动态添加并包装内容。 jsfiddle.net/Palestinian/japx5xxh/1 -
确实如此。谢谢你。附加问题:您知道如何删除按钮的圆角吗?我已经删除了
ui-corner-all,但它不起作用。 jsfiddle.net/japx5xxh/3 -
尝试将
data-corners="false"添加到控制组div。
标签: jquery-mobile menu panel