el-input type=“number“ 去除右侧的上下箭头

最新推荐文章于 2024-08-12 15:14:16 发布

Crystal_Mr_Rose

最新推荐文章于 2024-08-12 15:14:16 发布

阅读量380

点赞数 3

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/Crystal_Mr_Rose/article/details/140630319

版权

去除前长这样

去除后长这样

具体实现：

1、添加类名

                    <el-input
                      v-model="basicInfo.lineLength"
                      type="number"
                      class="no_number"
                      size="small"
                    ></el-input>

2、添加对应的css

::v-deep .no_number input::-webkit-inner-spin-button,
::v-deep .no_number input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
}
::v-deep .no_number input[type='number'] {
  appearance: textfield;
}