
去掉 + 和 - 按钮;使用 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;
}
}