H5 页面在 IOS 上按钮样式不一致的情况
IOS 让人很郁闷的一点就是,经常会出现样式不一致的情况。一开始没怎么注意,后来修改登录、注册页面发现,新写的按钮样式什么的都变了,本来是浅蓝色,变成了类似 #467B96
的浅绿色,橙黄色变的蜡黄色,莫名其妙。
今天发现新写的页面也是这样色的,突然就忍不了,百度找了一下对策。
解决方法:
input,select,button{
-webkit-appearance:none;
appearance:none;
}
appearance
属性使元素看上去像标准的用户界面元素,-webkit-appearance
针对 Safari 和 Chrome 浏览器。应用在按钮上就是让按钮不显示为标准的用户界面元素,即不应用系统默认定义的标准元素样式(尝试 IOS 系统上的不同浏览器访问,按钮都显示不正常)。
更多查看 H5 页面在 IOS 上的问题解决。
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。