解决手机浏览器上网站按钮无故变成渐变色,样式改变的问题

2020年4月29日 评论 1,021

最近在页面中加了一个按钮,给它一个固定的纯色背景,但是在手机上看的时候按钮变成渐变色了,于是疯狂在后台找css样式,哪里都没找到有渐变色的样式。
经过更换手机,电脑测试,最后得出这是苹果手机Safari的问题,在IOS里面按钮的样式会变掉。

解决办法也很简单,就是通过appearance属性。

只需要在原来的按钮样式里面加上一行"-webkit-appearance : none ;"按钮的样式就会恢复正常了。

仔细想了下,可能Safari有自定义的默认按钮样式,只要通过-webkit-appearance : none ;关闭默认的样式,才能正常显示设置的按钮样式。

不是很懂这样的设计逻辑,不过问题得到解决也就够了。

匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: