跨度中的jQuery Mobile缩放图标

Question

我正在尝试将标准jQuery Mobile图标与span元素内联，并缩放图标：

<span ui-btn-icon-right ui-icon-refresh style="position:relative;background-size:75%;"/>

图标放置完美，但背景尺寸无效。 A！重要没有帮助。

Answer 1

图标图像实际应用于：伪元素之后。所以你的后台CSS需要在那里应用：

<span class="ui-icon-refresh ui-btn-icon-notext inlineIcon"></span>

.inlineIcon {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 6px;
}
.inlineIcon:after {
    background-size: 75% !important;
}

的 DEMO