Jquery 移动自定义图标的按钮音阶间隙

Question

我正在尝试为我的jquery移动按钮使用自定义图标。但有些方式 它只显示灰色圆圈代替图标。其他默认图标工作正常。

以下是索引.html页的代码

<style type="text/css">
        .ui-icon-medical-icon
        {
            background: url(images/icons-png/mfrg_18x18.png);
        }
</style>
 <div data-role="content">
            <a href="#" data-role="button" data-icon="medical-icon">Medical</a>
             <a href="#" data-role="button" data-icon="refresh">Fire</a>  
             <a href="#" data-role="button">Police</a>
        </div>

Answer 1

尝试为它定义宽度和高度。

   .ui-icon-medical-icon
    {
        background: url(images/icons-png/mfrg_18x18.png);
        width:18px;
        height:18px;
    }