element-plus的输入数字组件el-input-number 显示了 加减按钮(+ -) 和 小三角箭头(上下箭头),怎么去掉+,-或者箭头

去掉 +- 按钮;使用 controls 属性

复制代码
  <el-input-number
    v-model.number="item.retryIntervalMinutes"
    style="width: 150px"
    :controls="false" <!-- 关键:关闭控制按钮 -->
  />

这样设置上下的三角箭头还是存在的。

如果去掉箭头。添加样式

复制代码
<span id="delete-number">
  <el-input-number v-model.number="item.retryIntervalMinutes" style="width: 150px"/>
</span>
复制代码
#delete-number{
:deep(.el-input-number .el-input__inner) {
  /* 隐藏原生数字输入框的上下箭头(Chrome/Edge/Safari) */
  &::-webkit-inner-spin-button,
  &::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
  }

  /* Firefox */
  -moz-appearance: textfield !important;

  /* 通用 */
  appearance: none !important;
}
}
相关推荐
IT_陈寒2 分钟前
SpringBoot 项目启动慢?这5个优化技巧让你的应用快50%
前端·人工智能·后端
GISer_Jing12 分钟前
React核心语法:组件化与声明式编程
前端·react.js·前端框架
DJ斯特拉12 分钟前
文件上传(UUID防止重名文件&&阿里云实现云端上传&&MultipartFile接收前端文件)
前端
Alan Lu Pop17 分钟前
React 表单提交关键词意外触发刷新
前端·javascript·react.js
掘金安东尼19 分钟前
企业级Claw落地避坑指南:70%项目失败的真实原因
前端·面试·github
这儿有一堆花20 分钟前
从技术标准到营销概念:深度解析 HTML5 与 H5 的演变与区别
前端·html·html5
我命由我1234520 分钟前
React - 创建 React 项目、React 项目结构、React 简单案例、TodoList 案例
前端·javascript·react.js·前端框架·ecmascript·html5·js
SuperEugene22 分钟前
Vue3 Pinia 状态管理规范:何时用 Pinia 何时用本地状态|状态管理与路由规范篇
开发语言·前端·javascript·vue.js·前端框架
Moment23 分钟前
TypeScript 要换芯了,6.0 竟是旧编译器的最后一舞
前端·javascript·github
Cg1362691597428 分钟前
Element-入门
前端