1

基本的に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);
} 
4

2 に答える 2

1

これを試してください-クラス ui-btn-corner-all を次のように変更してください

.ui-btn-corner-all {
    -moz-border-radius:    5px
    -webkit-border-radius: 5px
    border-radius:         5px
}
于 2012-10-24T07:25:40.013 に答える
0

それにクラスを追加して、クラスのスタイルを設定するだけです...

HTML:

<a data-role="button" data-rel="back"  data-theme="app-ios" class="button">Button</a>​​​​​​​​​​​​​​​

CSS:

​.button { color: #f0f; }​
于 2012-08-02T06:03:31.577 に答える