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移動按鈕手機自定義圖標

回答

相關問題