el-input 设置number后取消加减的小箭头按钮

使用el-input的type属性设置为number,结构为

```html
<el-input
type="number"
:controls="false"
size="mini"
min="0"
max="30"
v-model.number="addRuleForm.number">
</el-input>
```

但是设置后,pc页面的input框焦点后还会有一个数量的控制按钮,如果想取消掉可通过css

```css
.add-rule-dialog{
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"] {
-moz-appearance: textfield;
}
}
```

版权声明:
作者:tianya
链接:https://tya.zone/p/46.html
来源:天涯博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
el-input 设置number后取消加减的小箭头按钮
使用el-input的type属性设置为number,结构为 ```html <el-input type="number" :controls="false" size="mini" min="0" max="30" v-model.number="addRule……
<<上一篇
下一篇>>