互動狀態詞條 4-07

選取反白Text Selection

也常叫做：選取樣式、Selection、反白顏色

你可能會這樣說

用滑鼠選取網站文字時，反白底色是系統預設的藍色；看過有些網站連選取顏色都換成自家品牌色，細節做起來質感差很多。想把自己的網站也改成這樣。

選取反白（selection）是拖曳滑鼠選文字時的高亮效果：預設是系統的藍底白字，但可以用 CSS 換成自己指定的顏色。

它是品牌一致性的最後一哩路：連選字顏色都配好了，網站自然顯得講究；唯一原則是對比要夠——深色區塊配淺色選取色、淺色區塊配深色，選起來的字一樣要清楚好讀。

使用者拖曳滑鼠選取這段文字時，反白長什麼樣子，全看你的配色功力。

選取底色選取文字色

實際網站用 CSS 的 ::selection 套用；原則只有一個——對比要夠，選起來的字一樣要清楚。

圖 4-8　配一組自己的選取色：底色與字色的對比要夠。

中文就可以

請自訂全站的文字選取樣式：
1. 選取時底色改用品牌主色，文字變白色。
2. 深色區塊改用品牌色的淺色版本，保持對比。
3. 輸入框內的選取樣式一併統一。
4. 完成後給我看看深、淺兩種背景下的效果。