Forms 产品质量

我正在试图找到显示/更改一行数量的最佳方法。现在它是静态的，但我希望他们能够单击“100”，然后您可以选择在该行中动态更改它。不是下拉列表，因为它们可以自定义数量。这可能吗，这有意义吗

<td class="checkout-quantity">100</td>

100

我想出了一种用CSS实现的方法，就是这样。对于那些可能想这样做的人

.checkout-quantity{
text-align:center;
width:40px;
background-color:transparent;
border:0;
outline:1px solid transparent;
outline-offset: 0!important;
-webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-ms-transition: all 100ms linear;
-o-transition: all 100ms linear;
transition: all 100ms linear;
}


.checkout-quantity:hover, .order-quantity:focus{
background-color:#fff;
outline:1px solid #ccc;
}