Question

我在Google Chrome中遇到问题。我使用的是WooCommerce，在产品详情页面中有一个输入字段，型号为。我的css在其他浏览器上工作正常，例如firefox和safari，但它在Google Chrome上显示一个灰色框。以下是此问题的图片Input Type Number

.woocommerce .quantity .qty {
  -moz-appearance: textfield;
  border: 1px solid #d5d5d5;
  color: #999999;
  font-size: 14px;
  height: 44px;
  line-height: inherit;
  padding: 0 3px;
  width: 5.631em;
}
input[type="number"] {
  background: #ffffff none repeat scroll 0 0;
  border: medium none rgba(255, 255, 255, 0.3);
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  max-width: 100%;
  padding: 10px 15.3846px;
}
input[type="number"]:focus {
  border-color: #fab702;
  outline: medium none;
}

<form enctype="multipart/form-data" method="post" class="cart">
       <div class="quantity buttons_added"><span class="minus sub">-</span>
         <input type="number" size="4" class="input-text qty text" title="Qty" value="1" name="quantity" max="" min="1" step="1">
           <span class="plus add">+</span>
       </div>
         <input type="hidden" value="111" name="add-to-cart">
           <button class="single_add_to_cart_button button alt" type="submit">Add to cart</button>
     </form>

谷歌浏览器中输入的类型编号显示框

0 个答案: