在網頁中，經常會使用到數量選擇框，它可以讓用戶方便地選擇一個數量并進行操作。在實際開發中，我們可以使用CSS來實現這個選擇框。

/* 定義數量選擇框的樣式 */
select.quantity {
padding: 5px 30px 5px 12px;
border: 1px solid #ccc;
background-color: #fff;
color: #777;
font-size: 16px;
font-weight: bold;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* 定義數量選擇框的箭頭樣式 */
select.quantity::-ms-expand {
display: none;
}
select.quantity:before {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-right: 10px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #777;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
/* 定義hover時的樣式 */
select.quantity:hover {
border-color: #999;
}
select.quantity:hover:before {
border-top-color: #999;
}

使用以上代碼，我們就可以得到一個簡單的數量選擇框，并且還能夠進行樣式的修改。