::selection CSS伪元素应用于文档中被用户高亮的部分(比如使用鼠标或其他选择设备选中的部分)。
将选定的文本蓝色:
<!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.niaoge.com/" target="_blank">链接(niaoge.com)!</a> </body> </html>测试看看 ‹/›
::selection { background-color: cyan; }
::selection选择器匹配元素中被用户选中或处于高亮状态的部分。
::selection只可以应用于少数的CSS属性:color, background, cursor,和outline。
IEFirefoxOperaChromeSafari
E9+, Opera, Google Chrome和Safari支持::selection选择器。
Firefox 通过其私有属性 ::-moz-selection 支持 。