Jquery移动按钮手机自定义图标

我想为我的jquery移动按钮使用自定义图标。但有些如何它只显示灰色圆圈代替图标。其他默认图标工作正常。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>

来源

2014-02-13 Ketan Patil

哪个版本的jQM？如果它是1.4，.ui-icon-medical-icon：{background：url（images/icons-png/mfrg_18x18.png）; } – ezanker

是的，它是jqm 1.4。我在CSS后尝试过但仍然是相同的结果。 –

这里是一个演示：http://jsfiddle.net/ezanker/uMbpp/似乎工作正常。这是你的形象的正确途径？ images /必须是当前页面所在目录的一个子目录。 – ezanker

尝试定义的宽度和高度，它的代码。

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

来源

2014-02-13 21:21:44 httpgio

Jquery移动按钮手机自定义图标

回答

相关问题