首页 > 代码库 > web app开发中 iPhone、iPad默认按钮样式问题
web app开发中 iPhone、iPad默认按钮样式问题
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" /> IconiOS所用的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” />透明
web app开发中 iPhone、iPad默认按钮样式问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。