欢迎光临
我们一直在努力

解决ios下默认浏览器safari浏览器css对按钮样式不起作用的问题(亲测原创)

最近一直做移动端适配的工作,遇到的按钮在ios默认浏览safari样式不起作用的情况。搜索答案后解决并记录在此。方便大家学习

先看一下情况

正常按钮设计
ios默认浏览器safari显示的样式

原因:ios safari的存在默认样式,而且优先级还高。所以我们需要清掉自带的样式

解决方案相关代码:

/**  按钮 **/
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
-webkit-appearance: none;
}

整理不易,请点一个免费的赞

赞(0)
未经允许不得转载:自游互动 » 解决ios下默认浏览器safari浏览器css对按钮样式不起作用的问题(亲测原创)
分享到: 更多 (0)

自由技术,自由自在

项目合作联系我们