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

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

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

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

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

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

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

Mac 上如何打开 rar 压缩包 技巧分享

Mac 上如何打开 rar 压缩包

最近在看教程,教程中有些压缩包是rar格式的,这个在Mac上是无法直接打开的。 那有什么办法可以打开呢? 这里推荐使用命令行工具,通过Homebrew下载rar软件就可以了。 这里默认我们都已经安装了...
超简单,Windows实现微信多开 技巧分享

超简单,Windows实现微信多开

其实原理很简单,就是通过同时多次打开微信应用来实现。 最简单的就是通过鼠标连续点击微信图标或者回车键疯狂双击微信图标来实现多开,但作为一名程序员,对于这种不太好控制的情况,肯定是不推荐的。 这里主要推...
匿名

发表评论

匿名网友

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

确定