css - 创建 iOS 风格的后退按钮

标签 css 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;
}

我做不到的是

  • 将文本颜色设为白色
  • 从左侧制作三 Angular 形按钮

像这样 enter image description here

这是 fiddle http://jsfiddle.net/A6u9n/

最佳答案

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

关于css - 创建 iOS 风格的后退按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24322339/

相关文章:

javascript - jQuery Mobile 显示双按钮

css - 将复选框标签的大小调整为网格列大小

html - 将 Wordpress 更改为 RTL 时出现奇怪的空白

javascript - 如何使 onclick 函数随机?

javascript - Jquery slideDown() 无法正常工作

javascript - 在几个选择中使选定的选项唯一

css - ASP.Net - 根据背后的逻辑更改按钮的 CssClass 属性

jquery-mobile:摆脱图标阴影

php - 无法使用 jquery mobile 在新选项卡中打开链接

jquery - JQuery 移动应用程序页眉中的样式按钮