css - JQuery 手机 : Grey circle around icon when i remove disc

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

Here is a DEMO

CSS 移除了 jQM 框架指定的背景颜色、边框和框阴影。