jquery - jQueryMobile中按钮的自定义图像

按钮名称“我的胜利”未定位在图像下方，并且图像带有灰色圆圈（右侧的灰色圆圈）
应用的样式为

.ui-icon-myapp-depression{
            background: url("../images/depression.png") no-repeat;
            width: 200px;
            height: 200px;
        }

HTML5的内容是

<a href="#" id="btnDepression" data-role="button" data-icon="myapp-depression"
                  data-iconpos="right"
                    data-url="#" rel="external" >
                   My Won</a>

最佳答案

图标显示为：after伪元素的背景图像。定位伪元素以设置自定义图标。
尝试这个：

.ui-icon-myapp-depression:after {
    background-image: url("../images/depression.png") no-repeat;
}
/* Fallback */
.ui-nosvg .ui-icon-myicon:after {
    background-image: url("iconimg.png");
}

了解更多信息：
Jquery mobile demos - icons