vue elementui 去掉输入框type为number时的上下箭头的实现方法
时间: 2024-05-12 22:17:39 浏览: 80
Quasar Input:type="number" 去掉上下小箭头 实现加减按钮样式功能
5星 · 资源好评率100%
可以在对应的输入框上添加一个 CSS 样式:-webkit-appearance:none; 这会去掉浏览器默认的上下箭头。如下所示:
```
.el-input-number input[type=number]::-webkit-inner-spin-button,
.el-input-number input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
```
阅读全文