ボタンにアイコンを加える jQuery Mobile のフレームワークは、モバイルアプリケーションで頻繁に使われる選りすぐりのアイコンセットを収録しています。ダウンロードサイズを最小限に抑えるため、アイコンはCSSスプライトにより一つのファイルにまとめられており、黒くて丸い半透明の影が自動的に加えられるため、どのような背景色に対しても見栄えがします。 ボタンに対して data-icon 属性を追加することでアイコンを追加できます。下記に例を示します。 <a href="index.html" data-role="button" data-icon="delete">削除</a> アイコン付きのボタン: 削除 アイコンセット 下記のように data-icon 属性を設定することで各種アイコンを表示できます。 左向き矢印 - data-icon="arrow-l" ボタン 右向き矢印 - d