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 回答