Vue 实战-1 去掉 input [number] 默认增减箭头样式

kconf页面需求有些特殊（贼拉难受）

 

滑条和输入框需要数据双向绑定，因为是遍历所以用watch不好使

使用的是input  type="number" v-model.number=""

 

但是如果想去掉右侧的增减箭头可以直接在样式表里加以下代码

input::-webkit-inner-spin-button{ 

    -webkit-appearance: none !important;    

    margin: 0;    

    -moz-appearance: textfield; 

}

 

亲测有效

参考文档：https://www.cnblogs.com/yummylucky/p/11791094.html