jQueryMobile中按钮的自定义图像

Question

按钮名称“My Won”未定位在图像下方，图像会出现灰色圆圈（右侧为灰色圆圈） 应用的样式是

.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>

Answer 1

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

.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