这是一个前端开发中的一个小坑,对于正在做响应式网站的朋友,这个坑必须得注意,因为一不留神就会把它给忽略掉,从而导致页面中的input框在ios系统上尴尬的样式!下面这句代码建议在开始动手之前,就事先写到css文件内!
input{ border: none; -moz-appearance:none; -webkit-appearance : none ;/*解决ios上按钮的圆角问题*/ border-radius: 0;/*解决ios上输入框圆角问题*/ outline:medium;/*去掉鼠标点击的默认黄色边框*/ background-color: transparent; }