只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了。 （不要写在class里哦）
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none}
textarea { -webkit-appearance: none}
如果还有圆角的问题，
.button{ border-radius: 0 }
1、去除Chrome等浏览器文本框默认发光边框
input:focus, textarea:focus {outline: none}
去掉高光样式：
input:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0)
-webkit-user-modify:read-write-plaintext-only}
当然这样以来，当文本框载入焦点时，所有浏览器下的文本框的边框都不会有颜色上及样式上的变化了，这样的话，当文本框载入焦点时，边框颜色就会变为橙色，给用户一个反馈。
2、去除IE10+浏览器文本框后面的小叉叉，只需下面一句就ok了
input::-ms-clear {display: none}
input {-webkit-appearance:none/*去除input默认样式*/}使用这个CSS语句即可实现。
方法：
直接在input中加style=“outline:none”。
在顶部style中直接控制css样式。
直接用 input:focus { outline: none} 控制聚焦时不出现蓝色边框。
兼容的解决方法。
参考资料
如何去掉input默认样式.CSDN[引用时间2017-12-30]
