CSS可以實現在輸入框中自動加逗號，這個小技巧對于一些特殊的輸入場景非常有用。下面就來介紹一下如何使用CSS實現這個功能。

input {
padding: 6px;
border: 1px solid #ccc;
border-radius: 3px;
} 
input.autocomplete {
padding-right: 20px;
}
.autocomplete::after {
content: ',';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}

首先，我們對輸入框進行一些基本的樣式設置，如添加padding和邊框。接著，我們為具有輸入提示功能的輸入框添加一個類名“autocomplete”。

我們接下來通過偽元素::after為這個輸入框添加一個逗號。使用position:absolute使它定位在輸入框的右側，并使用right:0定位在輸入框的最右側，使用top:50%和transform:translateY(-50%)讓逗號垂直居中。

這種方法的一個好處是如果用戶在輸入過程中不需要逗號，CSS可以自動將其隱藏。如果用戶確實需要在輸入框中輸入逗號，可以直接輸入即可。