el-input-number 修改样式

最新推荐文章于 2025-04-14 13:58:21 发布

车银优

最新推荐文章于 2025-04-14 13:58:21 发布

阅读量4.4k

点赞数 2

文章标签： javascript vue.js css

本文链接：https://blog.csdn.net/qq_43557395/article/details/124634381

版权

<el-input-number v-model="num" controls-position="right" @change="handleChange" :min="1" :max="10"
  style="width:88px;">
</el-input-number>

// 设置输入框的高度
/deep/ .el-input__inner {
  height: 32px;
  line-height: 32px;
}

/deep/ .el-input-number.is-controls-right .el-input-number__increase {
  line-height: 16px;
}


/deep/ .el-input-number__increase {
  top: 4px !important;
}

/deep/ .el-input-number.is-controls-right .el-input-number__decrease {
  bottom: 4px;
  line-height: 16px;
}