<el-input v-model="apiNums" type="number" :max="10000000" />怎么去掉输入框内的箭头
时间: 2023-07-02 14:05:21 浏览: 159
HTML5去掉输入框type为number时的上下箭头的实现方法
5星 · 资源好评率100%
你可以通过设置CSS样式来隐藏输入框内的箭头,可以在`<style>`标签中添加以下代码:
```
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
```
这个样式代码可以去掉输入框内的箭头,并且在Webkit浏览器中有效。然后将`<el-input>`组件中的type属性设置为"tel",以确保在iOS设备上也能正常工作(在iOS设备上,type为"number"的输入框会弹出数字键盘,并且没有完成按钮)。
```
<el-input v-model="apiNums" type="tel" :max="10000000" />
```
阅读全文