码迷,mamicode.com
首页 > Web开发 > 详细

jquery mobile--图标

时间:2017-07-27 18:25:37      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:nod   html   icon   note   图标   button   http   put   inline   

添加图标到<a>和<button>

<a href="#" class="ui-btn ui-corner-all ui-btn-inline ui-icon-search ui-btn-icon-left">Search</a>
<a href="#" class="ui-btn ui-corner-all ui-btn-inline ui-icon-audio ui-btn-icon-notext">Search</a>
<a href="#" class="ui-btn ui-corner-all ui-btn-b ui-btn-inline ui-icon-audio ui-btn-icon-notext ui-nodisc-icon"></a>
<a href="#" class="ui-btn ui-corner-all ui-btn-inline ui-icon-audio ui-btn-icon-notext ui-nodisc-icon ui-alt-icon"></a>

 

技术分享

 

如果未指定按钮图片的位置,图标将不显示

只显示图标,使用 .ui-btn-icon-notext

移除圆圈,添加.ui-nodisc-icon

图标变成黑色的,使用.ui-alt-icon

 

参考:jQuery Mobile 按钮图标

 

 

添加图标到<input>

<input type="button" value="刷新页面" data-icon="audio ui-alt-icon ui-nodisc-icon">

 

参考:jQuery Mobile 图标

 

 

~END

 

jquery mobile--图标

标签:nod   html   icon   note   图标   button   http   put   inline   

原文地址:http://www.cnblogs.com/jiaoxuanwen/p/7245987.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!