海滨擎蟹

H5 页面在 IOS 上按钮样式不一致的情况

IOS 让人很郁闷的一点就是,经常会出现样式不一致的情况。一开始没怎么注意,后来修改登录、注册页面发现,新写的按钮样式什么的都变了,本来是浅蓝色,变成了类似 #467B96 的浅绿色,橙黄色变的蜡黄色,莫名其妙。

今天发现新写的页面也是这样色的,突然就忍不了,百度找了一下对策。

解决方法:

input,select,button{
  -webkit-appearance:none;
  appearance:none;
}

appearance 属性使元素看上去像标准的用户界面元素,-webkit-appearance 针对 Safari 和 Chrome 浏览器。应用在按钮上就是让按钮不显示为标准的用户界面元素,即不应用系统默认定义的标准元素样式(尝试 IOS 系统上的不同浏览器访问,按钮都显示不正常)。

更多查看 H5 页面在 IOS 上的问题解决

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »