關閉HTML5號碼輸入紗廠

Question

我試圖禁用輸入微調，但我能在這裏很好是隱藏它，就像這樣：

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
} 

但是怎麼能說是完全禁止？

Answer 1

使用這個jQuery您可以禁用它，所以鼠標滾輪不會更改數字

$(':input[type=number]').on('mousewheel', function(e){ 
    $(this).blur(); 
}); 

來源：https://css-tricks.com/snippets/css/turn-off-number-input-spinners/

Answer 2

試試這個：

/* For Firefox */ 
input[type='number'] { 
    -moz-appearance:textfield; 
} 

/* Webkit browsers like Safari and Chrome */ 
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
} 

來源：https://blog.rudolphk.co.za/css-tip-remove-spinner-on-input-of-number-9fc4d9cac121