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

2020年4月29日技巧分享评论149,598字数 302阅读1分0秒阅读模式

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

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

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

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

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

如何注册成为微软Edge浏览器插件开发者 技巧分享

如何注册成为微软Edge浏览器插件开发者

最近公司同事在注册成为微软浏览器Edge插件开发者时遇到问题,于是把这个任务转交给我了。 结果没想到这么棘手,真的是边骂娘边注册成功的。 提交信息后,总是又回到填写信息的页面,也没有任何提示错误,给我...
新版本微信 MacOS 最新多开方法(4.0 以上) 技巧分享

新版本微信 MacOS 最新多开方法(4.0 以上)

最近有些业务需要用到另外一个微信,嫌弃手机打字慢,还是想在电脑上用微信聊天,可惜默认情况下同时只能登陆一个微信就有点烦。 以前本站写过文章,介绍如何多开微信,但是最近微信更新了底层代码,导致以前的方式...

发表评论

匿名网友

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

确定