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。