JQuery мобильный значок для кнопки phonegap

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; 
    }