0

Disable scroll action jQuery

jQuery('#gform_wrapper_6 input[type=number]').on('mousewheel',function(e){ jQuery(this).blur(); });
// Disable keyboard scrolling
jQuery('#gform_wrapper_6 input[type=number]').on('keydown',function(e) {
    var key = e.charCode || e.keyCode;
    // Disable Up and Down Arrows on Keyboard
    if(key == 38 || key == 40 ) {
 e.preventDefault();
    } else {
 return;
    }
});

Hide input arrow css

// Source: https://css-tricks.com/snippets/css/turn-off-number-input-spinners/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

admin Asked question February 13, 2023
Add a Comment