css - 如何更改 jQuery Mobile 的 href 按钮图像？

Question

基本上 jquery 移动按钮是一个普通的矩形，我想更改为使用我自己的图像来替换它。有关于这个主题的任何引用吗？下面的代码是错误的示例，但可以作为我想要的引用。

示例将显示普通按钮:

<a data-role="button" data-rel="back" data-transition="fade" data-theme="e"  data-icon="back" data-iconpos="left">

我尝试用 demo 来替换它:

(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);
} 

Answer 1

试试这个——将类 ui-btn-corner-all 改成

.ui-btn-corner-all {
    -moz-border-radius:    5px
    -webkit-border-radius: 5px
    border-radius:         5px
}