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; 
}
 
亲测有效


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM