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

Question

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

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

问题相关代码，请勿粘贴截图

<el-input-number
                      v-model="num3"
                      controls-position="right"
                      style="text-align: left;"
                      :min="2"
                      :max="10"
                    ></el-input-number>

运行结果及报错内容

需要左对齐

我的解答思路和尝试过的方法

我想要达到的结果

Answer 1

使用deep处理，在style里面添加以下代码：

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

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