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


原因:ios safari的存在默认样式,而且优先级还高。所以我们需要清掉自带的样式
解决方案相关代码:
/** 按钮 **/
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
-webkit-appearance: none;
}
整理不易,请点一个免费的赞