element-ui之input type='number' 不显示上下箭头

HTML

<el-input v-model="num" size="medium" type="number" />

CSS

// 处理input type = number的上下箭头
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
input[type="number"]{
  -moz-appearance: textfield;
}

以上尝试没有效果 不知为什么 可能是权重的问题

为啥不用 el-input-number ？ 因为如果默认值为 null 时显示为 0 。但也可以解决。默认值设为 undefined 就不显示了；

还有个问题 就是 文本是居中显示的，目前没有找到解决方法

尝试些 内联样式（style=“text-align: left”） 和加 样式权重 (!important) 都没有效果