基本的にjqueryモバイルボタンは通常の長方形ですが、自分の画像を使用して置き換えるように変更したいのですが、このトピックに関する参照はありますか?以下のコードは間違った例ですが、必要なものを参照できます。
例では、通常のボタンが表示されます。
<a data-role="button" data-rel="back" data-transition="fade" data-theme="e" data-icon="back" data-iconpos="left">
私はそれを置き換えるためにデモを試みます:
(HTML)
<a data-role="button" data-rel="back" data-theme="app-ios">
(CSS)
/*button background and borders color */
a[data-theme="app-ios"] {
border: none;
width:80px;
}
a[data-theme="app-ios"] .ui-btn-corner-all {
border: none;
background:url('images/back.png') no-repeat 15px;
/*background:red;*/
border-radius:0;
overflow: visible;
padding-left: 8px !important;
padding-right: 8px !important;
}
/* shadows and label color */
a[data-theme="app-ios"].ui-shadow,
a[data-theme="app-ios"] {
box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
background-clip: none; -webkit-background-clip: none; -moz-background-clip: none;
color: white;
font-weight: bold;
top: 5px;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0, 0.4);
}