在jQuery mobile 1.4.0中为输入类型按钮添加自定义图标

Question

在我的jQuery移动应用程序中，我有一个按钮，我为它添加了一个自定义图标，问题是当我打开包含此按钮的页面时，按钮首先显示没有图标，然后在1秒后图标是补充说，此问题仅出现在移动设备上。请问我该如何解决这个问题？

任何帮助将不胜感激..

<div data-role="page" id="index">
<div data-role="header" data-theme="b">Main</div>
<div data-role="content"> 

<div  class="ui-btn ui-input-btn  ui-icon-User-Icon UsersBTN" >
<input type="button"  id="Users"  data-inline="true"  value="Users"   data-icon="User-  Icon" data-iconpos="left"/>
</div>


</div>
</div>

CSS

.UsersBTN{
   background-color:transparent !important;
   border:none;
}

.UsersBTN.ui-btn .ui-input-btn{
   border: solid grey 3px;
   background:blue;
   color:white !important;
}

.UsersBTN.ui-btn .ui-input-btn.ui-btn-active {
   border: solid white 3px !important;
   background-color:blue; 

}

.ui-icon-User-Icon:after {
   background-image: url(images/user.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
   background-position: 0% 50%;
   border-radius:0 !important;
   width:38px;
   height:38px;
   margin-top:-18px;
   background-color:transparent;

}