加菲大帅猫 2022-03-29 16:58 采纳率: 35%
浏览 1592
已结题

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

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

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

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

运行结果及报错内容

需要左对齐

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

1条回答 默认 最新

  • rock.dai 2022-03-29 17:39
    关注

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

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

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

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录

报告相同问题?

问题事件

  • 系统已结题 4月7日
  • 已采纳回答 3月30日
  • 创建了问题 3月29日

悬赏问题

  • ¥15 AE SDK插件开发,获取关键帧值得问题
  • ¥15 谁知道这个咋搞的吗,有偿
  • ¥20 基于spring boot、的scorm
  • ¥15 往复密封问题的两个问题
  • ¥15 DAC函数和STM32
  • ¥15 任务是接收数据并把数据写入DAC7311,这些代码能实现此功能吗
  • ¥15 分析FP -Growth代码运行内存太大而无法运行的原因
  • ¥20 qtcreat 使用msvc编译器开发软件运行时字体锯齿感严重
  • ¥15 为何显示keyerror fruit
  • ¥15 imageware粗糙度表面