Element-UI el-input组件type=“number“的样式修改

 问题:

el-input组件type="number"时,可以看到输入框右侧有上下加减的样式

然而需求是不需要这个样式

 可全局增加以下样式代码:

/* 取消input的上下箭头 */
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
}

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

 拓展

el-input组件的type类型

Type	描述
text	默认值
textarea	文本