web app开发中 iPhone、iPad默认按钮样式问题
浏览数：31 /
时间：2015年06月11日
iPhone、iPad默认按钮样式问题 解决方法给按钮元素添加一个-webkit-appearance: none;具体代码 input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } 隐藏Safari用户栏 为了更加像原生应用，我们还可以对Safari的用户栏和地址栏进行隐藏，这个叫作standalone模式，加入以下meta进入此模式： <meta name="apple-mobile-web-app-capable" content="yes" /> Icon iOS所用的icon是png格式的，其提供了apple-touch-icon和apple-touch-icon-precomposed两种icon，使用方式如下： <link rel="apple-touch-icon" href="/apple-touch-icon.png"/> <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png"/> 4 数字禁止转换为电话号 <meta name=”format-detection” content=”telephone=no” /> 5 删除默认的苹果工具栏和菜单栏 <meta name=”apple-mobile-web-app-capable” content=”yes” /> 6 控制状态栏显示样式 <meta name=”apple-mobile-web-app-status-bar-style” content=”default” />默认样式<meta name=”apple-mobile-web-app-status-bar-style” content=”black” />黑色<meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent” />透明
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
