CSS是網頁設計中無可替代的重要元素，它擔任了網頁美化的重要職責。其中，修改元素選中狀態下的顏色也是網頁設計中常遇到的問題。下面介紹如何用CSS來修改選中顏色。

/*選擇文本框、可編輯區域選中后的背景顏色*/
::-webkit-selection {
background-color: #006eff;
color: #ffffff;
}
::selection {
background-color: #006eff;
color: #ffffff;
}

上述代碼中，我們分別設置了WebKit內核和其他瀏覽器下的選中顏色。其中，background-color表示選中狀態下的背景色，color表示選中狀態下文本的顏色。

/*鏈接和按鈕選中后的樣式*/
a:active,
button:active {
background-color: #ff7f50;
border-color: #ff7f50;
color: #ffffff;
}

我們可以通過這段代碼來修改鏈接和按鈕選中狀態下的背景顏色、邊框顏色和文本顏色。其中，:active偽類用于指定元素在選中狀態下的樣式。

/*表單元素控件鼠標懸停樣式和選中狀態樣式*/
input:hover,
input:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {
border-color: #006eff;
}

上述代碼中，通過:hover和:focus偽類來分別設置表單元素在鼠標懸停和選中狀態下的樣式。其中，border-color表示邊框顏色。我們也可以根據需要設置其他樣式。

實際上，在不同的元素上修改選中顏色可以使用不同的CSS樣式來實現。希望這篇文章對您有所幫助！