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