jquerymobile 小记

1、自定义图标 .ui-icon-图标名称:after {background-image: url();} 使用data-icon="图标名称"

2、自定义图标并去掉背景

<span style="font-size:18px;">.footer-nav-glyphish .ui-btn{padding-top: 40px !important; text-shadow:none !important;}
.footer-nav-glyphish .ui-btn{background: #c40001; color:#fff;}
.footer-nav-glyphish .ui-btn:hover{background: #ac0317}
.footer-nav-glyphish .footer-nav-on{background: #ac0317 !important;}
.footer-nav-glyphish .ui-btn:after{width: 30px !important; height: 30px !important; margin-left: -15px !important; box-shadow: none !important;-moz-box-shadow:none !important; -webkit-box-shadow:none !important; border-radius: 0 !important; -webkit-border-radius:0 !important;}
.footer-nav-glyphish .micon-home:after{background:url('images/icon_home.png') 50% 50% no-repeat; background-size:24px 24px;  }
.footer-nav-glyphish .micon-class:after{background:url('images/icon_class.png') 50% 50% no-repeat; background-size:24px 24px;  }
.footer-nav-glyphish .micon-cart:after{background:url('images/icon_cart.png') 50% 50% no-repeat; background-size:24px 24px;  }
.footer-nav-glyphish .micon-my:after{background:url('images/icon_my.png') 50% 50% no-repeat; background-size:24px 24px;  }</span>

3、列表去掉右图标 <li data-icon="false">

4、 data-theme=“s” s的样式

<span style="font-size:18px;">body .ui-btn.ui-btn-s,body .ui-btn.ui-btn-s:visited,body .ui-btn.ui-btn-s:hover,body .ui-btn.ui-btn-s:focus{background-color: #d5393a !important; color:#fff !important; }
</span>

5、列表图标 

<span style="font-size:18px;"><li><a href="#"><img src="us.png" alt="USA" class="ui-li-icon">USA</a></li></span>

6、类别图标、列表气泡数字

<span style="font-size:18px;"><li>
        <a href="#"><img src="jmd/images/member-icon12.png" class="ui-li-icon"/>账户安全<span class="ui-li-count li-count-none">修改密码</span></a>
      </li></span>