修改el-input-number的宽高(elementui的计数器自定义尺寸)

500 阅读1分钟
.el-input-number {
  height: 24px;
  line-height: 24px;

  ::v-deep .el-input__inner {
    height: 26px;
  }

  ::v-deep .el-input-number__increase {
    height: 24px;
  }

  ::v-deep .el-input-number__decrease {
    height: 24px;
  }

}

有时候我们只需要修改当前页面的某个el-input-nubmer的宽高,但是如果像上面这么写的话,所有的input-nubmer的宽高都是一样的了,所有我们需要给他加个限定(指定父元素),如下:

.work-load {
      .el-input-number {
        height: 22px;
        line-height: 22px;

        ::v-deep .el-input__inner {
          height: 22px;
        }

        ::v-deep .el-input-number__increase {
          height: 20px;
        }

        ::v-deep .el-input-number__decrease {
          height: 20px;
        }

      }
    }

参考链接:blog.csdn.net/Seeker_314/…