環境

jquery1.9.1.js

jquery mobile 1.4.2版

圖標制作

18x18px 底透明的png圖標

使用圖標，這個過程開始怎麽弄都不行，只有個灰色的圓出現，不見圖標；或者出現圖標，但位置不對，經過看jquery demo，終於知道了如何使用

步驟如下

1 .當然是定義你的css圖標類了

.ui-icon-myicon:after {
            background-image: url("img/title.png");  /**你的圖片，路徑是相對於當前使用文件可以訪問到的*/
       
            background-size: 18px 18px;
            border
 
-radius: 0; /*圖標形態，0=方形，不設置就是默認的圓形*/
 }

關鍵的地方是 after ，之前不成功就是少了這個。

2. 使用這個圖標類：

<a href="#"  class="ui-btn ui-shadow  ui-btn-icon-top ui-icon-myicon"  data-transition="slide">標題</a>

原文：

https://blog.csdn.net/java_mars/article/details/22534705

https://blog.csdn.net/niejing654092427/article/details/14523901

JQuery Mobile - 自定義圖標！