Css JQuery Mobile：当我取出光盘时，图标周围会出现灰色圆圈

所以我希望背景在我的图标上完全透明，这样我就有了代码：

<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类时，图标周围会出现一个奇怪的灰色圆圈：

---

你知道是什么原因造成的吗？如何修复

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

<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;
}

.透明按钮{
背景色：透明！重要；
边界：0！重要；
-webkit盒阴影：无；
盒影：无；
}

这里有一个

---

CSS将删除jQM框架指定的背景色、边框和框阴影。

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

<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;
}

.透明按钮{
背景色：透明！重要；
边界：0！重要；
-webkit盒阴影：无；
盒影：无；
}

这里有一个

CSS将删除jQM框架指定的背景色、边框和框阴影