title: Redundant input buttons in Chrome
body: <p>I have this for my quantity selector on a product page:</p>
  
  <pre><code>&lt;div class="quantity"&gt;&lt;input type="number" step="&lt;?php echo esc_attr( $step ); ?&gt;" min="&lt;?php echo esc_attr( $min_value ); ?&gt;" max="&lt;?php echo esc_attr( $max_value ); ?&gt;" name="&lt;?php echo esc_attr( $input_name ); ?&gt;" value="&lt;?php echo esc_attr( $input_value ); ?&gt;" size="4" title="&lt;?php _ex( 'Qty', 'Product quantity input tooltip', 'woocommerce' ) ?&gt;" class="input-text qty text" maxlength="12" /&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I just discovered this bug, only seems to be occurring in Chrome (or its a feature of Chrome?), where there are little arrows inside the box that displays the current quantity in addition to the plus/minus buttons outside of the box. The little arrows don't show in IE/Firefox, and I don't see them in my source. Not sure how to hide them. Anyone run into this before?</p>
  
  <p><img src="https://i.imgur.com/LVNdCxT.jpg" alt="quantity arrows"></p>
  
  <p>Using Woocommerce 2.0.4 in Wordpress 3.5.1</p>