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

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

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

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

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

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

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

电热水器的原理?该如何清理? 技巧分享

电热水器的原理?该如何清理?

最近家里热水器底部生锈,并开始滴水,看着感觉要坏的样子。 如果万一正在洗澡,下面整个口子掉下来,岂不是很危险? 赶紧重视起来,查资料看看是否有必要处理。 原理 热水器具体原理可以看下图: 由于进水口比...
如何在macOS上安装Composer 技巧分享

如何在macOS上安装Composer

如果是搞PHP开发的,应该很难避开Composer这个包管理工具,只需要简单的命令就可以实现包的添加、升级或者移除。 那么在macOS上该如何安装这个Composer呢? 通过Brew安装 最简单的做...
Mac系统和Window键盘按键对应关系 技巧分享

Mac系统和Window键盘按键对应关系

最近在尝试使用Mac电脑,真的是相当的不适应,可能也是因为用的是Window键盘,一直搞不清楚MAC提示的快捷键按键到底是哪个。 于是我特意整理了下,与Window键盘对应说一下,MAC提示中的快捷键...
匿名

发表评论

匿名网友

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

确定