Element UI 里面的InputNumber 计数器怎么修改对齐方式

问题遇到的现象和发生背景

默认是居中对齐的,怎么改都改不了,试了行内样式,试了id都不行

问题相关代码,请勿粘贴截图
<el-input-number
                      v-model="num3"
                      controls-position="right"
                      style="text-align: left;"
                      :min="2"
                      :max="10"
                    ></el-input-number>

运行结果及报错内容

需要左对齐

我的解答思路和尝试过的方法
我想要达到的结果

使用deep处理,在style里面添加以下代码:

/deep/ .el-input-number .el-input__inner{
  text-align: left;
}

分析过程:查看dom节点,可以看到,数字的class结构如下:

img