JQuery Mobile:我删除光盘时围绕图标的灰色圆圈

Question

所以我希望背景在我的图标上完全透明,所以我有代码:

<a data-transition="slideup" href="#menu" data-icon="bars" data-role="button" data-iconpos="notext" data-iconshadow="false" class="ui-nodisc-icon">Menu</a>

但是当我添加ui-nodisc-icon类时,我的图标周围会出现一个奇怪的灰色圆圈:

是什么导致了这个问题以及如何解决这个问题？

Answer 1

对于透明的无边框按钮,请尝试以下操作:

<a href="#" class="ui-btn ui-icon-bars ui-btn-icon-notext ui-corner-all ui-nodisc-icon transparentButton">No text</a>

.transparentButton {
    background-color: transparent !important;
    border: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

这是一个DEMO

CSS删除jQM框架分配的背景颜色,边框和box-shadow.