Vue：去掉input type=“number“上下箭头

Monly21

于 2025-07-08 10:59:34 发布

阅读量193

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/jhgfvjfggff_fds_f/article/details/149193406

vue 专栏收录该内容

47 篇文章

订阅专栏

<div class="xfcsInput">
	<el-input type="number" v-model="input" size="mini"></el-input>
</div>
<style>
/* 全局css 加上以下代码，可以隐藏上下箭头 取消input的上下箭头 */
.xfcsInput input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
.xfcsInput input::-webkit-outer-spin-button{
  -webkit-appearance: none !important;
}
.xfcsInput input[type="number"]{
  -moz-appearance: textfield;
}
</style>