隐藏表单元素默认样式

Input

去掉默认样式

@each $type in text, email, search, password {
  input[type="#{$type}"] {
    -webkit-appearance: none;
    -moz-appearance: none;
  }
}

Number input 隐藏上下箭头

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

Placeholder颜色

input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
  color: #f1f2f3;
}

Select

隐藏箭头样式

select {
  webkit-appearance: none;
  -moz-appearance: none;

  &::-ms-expand {
    // ie10 +
    display: none;
  }
}