jQuery Mobile リファレンス

Tweet

class=”ui-btn-icon-top”はボタンに配置するアイコンをテキストの上部にするためのclassです。

<a href="#" class="ui-btn ui-btn-icon-top ui-icon-star">button</a>

sample

アイコンを右にしたい場合はui-btn-icon-right、アイコンを左にしたい場合はui-btn-icon-left、アイコンを下にしたい場合はui-btn-icon-bottomを利用します。

jQuery 1.3まではdata-iconpos=”top”を指定して動的に生成していましたがjQuery 1.4からはclass=”ui-btn-icon-top”を追加するのみで適応できるようになりました。

class="ui-btn-icon-top"はjQuery Mobile 1.4で単独で利用できるようになりました。

登録日 : 2014年07月27日 最終更新日 : 2016年12月19日

同じカテゴリー(CSS)のエントリー

• ui-btn-icon-bottom
• ui-btn-icon-right
• ui-btn-icon-top
• ui-btn-inline
• ui-btn