CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式

2020-05-02 08:04:03易采站长站整理

复制代码.form-actions input{
...
-webkit-appearance: none; }

在不同的“-webkit-appearance”选值情况下,button所渲染的效果是不一样的,详细的测试代码大家可使用safari浏览器点击这 里。有关于“-webkit-appearance”的详细介绍,这回算是知道了,最后我建议大家,我们可以直接在“reset.css”样式文件中加处 这么一句:

复制代码input[type="submit"],
input[type="reset"],
input[type="button"],
button { -webkit-appearance: none; }

这样一来就不会为这样的问题头痛了。

如果你还没有碰到,或者你也在开发移动端web,都希望你记住这个小技巧,因为当你在制作中碰到这样的问题时,不会为此抓破头皮,能解决你问题。最后希望大家喜欢这篇文章,如果你觉得对你有所帮助,可以推荐给你的朋友,谢谢阅读。