解决element plus input框的边框线去除（绝对有效，没效果砍我）

最新推荐文章于 2025-04-10 11:38:16 发布

Cookie王

最新推荐文章于 2025-04-10 11:38:16 发布

阅读量2.6k

点赞数 20

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_73337633/article/details/134591028

版权

本文介绍了如何在Vue项目中使用ElementUI的`el-input`组件，并展示了如何实现输入框的数值验证和自定义CSS样式，以达到更好的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

废话少说上代码（点个赞谢谢）

<el-input
              class="inputDeep"
              @change="hanleChange"
              type="number"
              oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+3)}"
              style="width: 60px; height: 40px"
              v-model="zbValue"
            >
              <!-- <template #append>%</template> -->
            </el-input>

样式

<style lang="less" scoped>
  .inputDeep {
    :deep(.el-input__wrapper) {
      box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
      cursor: default;
      .el-input__inner {
        cursor: default !important;
      }
    }
  }
</style >