兼容性处理input[type=number]默认样式

image.png

当input属性为number时会出现上下箭头

<input type="number" />

谷歌去除样式

/** 去除input输入框样式 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

火狐去除样式

input[type="number"] {
  -moz-appearance: textfield;
}