通过css去掉input框默认样式

input在具体的项目使用过程中input的一些默认样式，与产品设置图不符，所以我们只能去掉默认样式

input{
  /*去除阴影*/
  box-shadow:none;
  /*聚焦input的蓝色边框*/
  outline: none;
  /*textarea 禁止拖拽*/
  resize: none; 
  /*去除边框*/
  border: none; 
  /*常用于IOS下移除原生样式*/
  -webkit-appearance: none;
  /*点击高亮的颜色*/
  -webkit-tap-highlight-color:rgba(0,0,0,0); 
}

常见问题

1. ios上input输入框上边框的阴影
2. input框设置placeholder属性在iOS中显示不完整