创建iOS样式后退按钮

时间:2014-06-20 07:44:24

标签: css css3 jquery-mobile-button

我正在尝试为我的基于jQuery移动的应用程序创建iOS样式后退按钮,这是我尝试过的。

HTML

<a href="#" onclick="window.history.go(-1); return false;" class="ui-btn  ui-btn-icon-left ui-corner-all">Back</a>

CSS

.ui-btn-left {
    background: linear-gradient(#9fbfe7, #6e84a0) repeat scroll 0 0 #87a2c4;
    border: #000000;
}

我无法实现的是

  • 使文字颜色为白色
  • 从左侧制作三角形按钮
像这样 enter image description here

这里是小提琴http://jsfiddle.net/A6u9n/

1 个答案:

答案 0 :(得分:0)

以下是CSS中iOS风格“后退”按钮的示例。 http://writings.orangegnome.com/writes/ios-style-back-button-in-css/