CSS時間輸入框是一種常用的表單控件，它能夠方便用戶輸入時間，并以一定的格式呈現出來。在CSS3中，我們可以使用::-webkit-datetime-edit和::-webkit-inner-spin-button來定制化時間輸入框的樣式。

input[type="time"]::-webkit-datetime-edit {
padding: .2em .4em;
font: 1em Arial, sans-serif;
color: #333;
border: 1px solid #999;
background-color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
input[type="time"]::-webkit-inner-spin-button {
display: none;
}

上述代碼中，我們使用::-webkit-datetime-edit來設置時間輸入框的樣式。其中，padding屬性控制輸入框的內邊距，font屬性控制字體，color屬性控制顏色，border屬性控制邊框，background-color屬性控制背景顏色，-webkit-border-radius、-moz-border-radius和border-radius屬性控制圓角。值得注意的是，這里使用了-webkit-datetime-edit而不是input[type="time"]，這是因為在WebKit瀏覽器內，輸入框的樣式是通過::-webkit-datetime-edit來控制的。

接下來，我們使用::-webkit-inner-spin-button來隱藏時間輸入框旁邊的spinner按鈕。這樣做是為了避免用戶誤操作，如滾輪滾動等非故意操作。

總的來說，使用CSS定制化時間輸入框可以讓表單更美觀、更易用。。