CSS中的type number小箭頭可以用來表示列表項、輸入框、下拉框等元素的狀態，非常實用和方便。下面讓我們來看看如何使用它。

/* 列表項箭頭樣式 */
ul li::before {
content: "\2192"; /* type number為2192表示右箭頭 */
}
/* 輸入框箭頭樣式 */
input[type="date"]::-webkit-calendar-picker-indicator {
content: "\25BC"; /* type number為25BC表示下箭頭 */
}
/* 下拉框箭頭樣式 */
select {
appearance: none;
-webkit-appearance: none;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right center;
padding-right: 16px;
}

在上述代碼中，我們使用了三個不同的type number來實現不同類型元素的箭頭效果。ul li::before偽元素用來給列表項添加箭頭，輸入框使用了::-webkit-calendar-picker-indicator偽元素來添加箭頭，下拉框則使用了background-image來添加圖片樣式，圖片的內容是通過SVG code來定義的（可以用在線SVG代碼生成器來生成）。

細節方面，我們可以根據具體的場景來調整箭頭樣式和位置，比如下拉框的背景圖像位置可以通過background-position來調整，以達到最佳效果。使用CSS的type number小箭頭，可以幫助我們更方便地實現各種元素的箭頭樣式，讓頁面設計更簡便快捷。