在前端開發(fā)中，我們經(jīng)常需要在網(wǎng)頁中添加輸入框，以便用戶可以輸入信息。而在用戶進行輸入時，我們可能希望輸入框具有一些特殊的樣式，來提示用戶當前輸入框處于焦點狀態(tài)。這時候，我們可以使用CSS中的input:focus選擇器。

input:focus {
outline: none;
border-color: blue;
box-shadow: 0 0 5px blue;
}

當用戶點擊輸入框使其獲得焦點時，上述CSS代碼將會為該輸入框添加一個藍色邊框和陰影。同時，我們使用outline:none;來去除原有的默認輪廓線，使其更美觀。

需要注意的是，當用戶離開輸入框時，焦點將會消失，上述效果也會隨之消失。如果需要讓輸入框一直具有特殊的樣式，我們可以考慮使用JavaScript來實現(xiàn)。

除了在input標簽上使用:focus選擇器以外，我們也可以在其他元素上使用:focus選擇器。比如，我們可以為按鈕添加一個特殊的樣式，提示用戶當前按鈕獲得了焦點。

button:focus {
outline: none;
box-shadow: 0 0 5px green;
}

上述代碼將會在用戶點擊按鈕使其獲得焦點時，為該按鈕添加一個綠色陰影。同樣的，我們使用outline:none;來去除原有的默認輪廓線。

總之，使用:focus選擇器可以讓我們?yōu)榫W(wǎng)頁中的元素添加特殊的樣式，提示用戶當前元素處于焦點狀態(tài)。這是一個非常實用的技巧，可以大大提升用戶體驗。