原文在此,猛戳http://blog.csdn.net/java_mars/article/details/22534705

環境

jquery1.9.1.js

jquery mobile 1.4.2版

圖標制作

18x18px 底透明的png圖標

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

步驟如下

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

如下

[css]?view plaincopy

.ui-icon-myicon:after?{??

???????????background-image:?url("img/title.png");??/**你的圖片，路徑是相對于當前使用文件可以訪問到的*/??

????????

???????????background-size:?18px?18px;??

???????????border-radius:?0;?/*圖標形態，0=方形，不設置就是默認的圓形*/??

}??

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

2. 使用這個圖標類

?

[html]?view plaincopy

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

轉載于:https://my.oschina.net/liangzhenghui/blog/290727

總結

以上是生活随笔為你收集整理的jquery mobile自定义图标实现方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。