如何删除数字字段中的箭头

Question

我有以下代码。但是它在数字框中添加了一个小的向上和向下箭头。在不更改字段类型的情况下，我想删除箭头。您能否告诉我们此代码需要进行哪些更改才能使其正常工作？

    <div class="quantity">
        <input class="minus" type="button" value="-">
        <input type="number" step="<?php echo esc_attr( $step ); ?>"
        min="<?php echo esc_attr( $min_value ); ?>"
        max="<?php echo esc_attr( 0 < $max_value ? $max_value : '' ); ?>" 
        name="<?php echo esc_attr( $input_name ); ?>" 
        value="<?php echo esc_attr( $input_value ); ?>" 
        title="<?php echo esc_attr_x( 'Qty', 'Product quantity input tooltip', 'woocommerce' ) ?>" 
        class="input-text qty text" size="4" pattern="<?php echo esc_attr( $pattern ); ?>"
        inputmode="<?php echo esc_attr( $inputmode ); ?>" 
        />