javascript - 用于按钮phonegap的jQuery移动自定义图标

Question

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

以下是 index.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;
    }