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
0
二维码
海报
el-input 设置number后取消加减的小箭头按钮
使用el-input的type属性设置为number,结构为
```html
<el-input
type="number"
:controls="false"
size="mini"
min="0"
max="30"
v-model.number="addRule……
共有 0 条评论