JQuery Mobile - 自定義圖示!
阿新 • • 發佈:2018-12-03
環境
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