CSS 選中文字

在 CSS 中，我們可以通過偽類選擇器選中用戶選中的文本。以下是兩個選中文本時會顯示的效果。

選擇文字的效果

::selection {
color: white;
background: blue;
}

不選擇文字的效果

::-moz-selection {
color: white;
background: blue;
}
::selection {
color: white;
background: blue;
}

解釋

當您在瀏覽器中選擇文本時，會看到選擇文本的效果。這是由 ::selection 和 ::-moz-selection 屬性實現的。其中，::selection 是標準的 CSS 偽類選擇器，而 ::-moz-selection 是 Firefox 瀏覽器對 ::selection 的擴展。

兼容性

在較舊的瀏覽器中，不支持 ::selection，因此我們需要使用 ::-moz-selection 和 -webkit-selection。

總結

通過使用 ::selection 和 -moz-selection 我們可以輕松地控制用戶選擇文本的樣式，提高網站的用戶體驗。同時，我們也需要注意到在一些老的瀏覽器版本中不支持標準 ::selection，所以一些其他的前綴選擇器也需要使用才能做到兼容。