::selection CSS偽元素應(yīng)用于文檔中被用戶高亮的部分(比如使用鼠標(biāo)或其他選擇設(shè)備選中的部分)。
將選定的文本藍(lán)色:
<!DOCTYPE html> <html> <head> <style type="text/css"> ::selection { color:#0000ff; } ::-moz-selection { color:#0000ff; } </style> </head> <body> <h1>嘗試選擇本頁的一些文本</h1> <p>這是一些文本.</p> <div>這是div元素中的一些文本.</div> <a href="//www.soo66.com/" target="_blank">鏈接(cainiaoplus.com)!</a> </body> </html>測試看看 ?/?
::selection { background-color: cyan; }
::selection選擇器匹配元素中被用戶選中或處于高亮狀態(tài)的部分。
::selection只可以應(yīng)用于少數(shù)的CSS屬性:color, background, cursor,和outline。
IEFirefoxOperaChromeSafari
E9+, Opera, Google Chrome和Safari支持::selection選擇器。
Firefox 通過其私有屬性 ::-moz-selection 支持 。