CSS中的“選中”指的是當用戶在頁面上選中一塊文本時,這塊文本會自動出現以粗實線表示的邊框。這個效果可以通過CSS的偽類選擇器來實現。我們只需要將偽類選擇器設置為::selection
,然后定義選中文本時的樣式即可。
::selection { background-color: #ffff99; color: #000; }
在上面的代碼中,我們將選中文本的背景色設置為黃色,字體顏色設為黑色。
除了改變背景色和字體顏色,我們還可以為選中的文本添加邊框、改變字體大小、增加行高等。下面是一個例子:
::selection { background-color: #ffa500; color: #000; border: 2px solid #000; font-size: 20px; line-height: 2; }
在這里,我們為選中文本添加了一個2像素寬的黑色實線邊框,增大了字體大小,并且增加了行高。
需要注意的是,這個效果只在支持CSS3的瀏覽器上才能實現。如果你希望你的網站能夠在老舊的瀏覽器上正常顯示,建議使用JavaScript來模擬這個效果。
上一篇css 適合手機屏幕大小
下一篇css 邊框 漸變色