苹果手机input默认样式的修改

在做手机站的时候,用苹果手机测试的时候,发现input的提交按钮颜色是发白的,而且是自动加了圆角。用谷歌浏览器测试发现代码并没有什么问题。

所以百度了一下,发现这是苹果浏览器自动给按钮加的样式,那该如何去掉这个默认的样式呢?

很简单,在你的css样式表的顶端加上下面这段代码就可以完美的解决问题

input[type=”button”], input[type=”submit”], input[type=”reset”] {-webkit-appearance: none;}

这句话的意思是把按钮样式的input默认样式去除掉,这样就可以完美的解决问题。下面的两张图的对比。第一张是没有加这句话的,后面是加了的。

更多内容请关注代码日记本~

原文链接:,转发请注明来源!
评论已关闭。