vue3+elementPlus el-input的type=“number“时去除右边的上下箭头

最新推荐文章于 2024-09-02 13:49:53 发布

再希

最新推荐文章于 2024-09-02 13:49:53 发布

阅读量1.3k

点赞数 3

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/liuzaixi/article/details/133647356

版权

改成

代码如下

<script lang="ts" setup>
import {ref} from 'vue'
const inputBtn = ref('')
</script>
<template>
    <el-input type="number" v-model="inputBtn" style="width: 80px;" class="no_number"></el-input>
</template>
<style scoped>
:deep.no_number input::-webkit-inner-spin-button,
:deep.no_number input::-webkit-outer-spin-button{
    -webkit-appearance: none !important;
}
:deep.no_number input[type="number"]{
    -moz-appearance: textfield;
}
</style>