css3 ::selection

最新推荐文章于 2024-12-28 08:04:15 发布

原创最新推荐文章于 2024-12-28 08:04:15 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了CSS3中::selection伪元素的应用方法及注意事项。该伪元素用于定义文档中被用户选中的文本样式，如改变背景颜色或字体颜色等。文章提供了多个示例，展示了如何针对不同元素设置选中文本的样式。

Summary

The ::-moz-selection (::selection) pseudo-element applies to the portion of a document that has been highlighted (e.g. selected with the mouse) by the user.

Examples

/* draw any selected text yellow on red background */
::-moz-selection { color: gold; background: red; }
::selection { color: gold; background: red; }

/* draw selected text in a paragraph white on black */
p::-moz-selection { color: white; background: black; }
p::selection { color: white; background: black; }
Notes

Gecko/Firefox supports ::-moz-selection, use also ::selection other browsers.

The following properties apply to ::-moz-selection :
color, background and background-color (background-image is ignored).

Specifications

::selection was drafted for CSS3 Selectors but removed from the current CSS3 draft. Anyhow, it's implemented in browsers and support will continue.

CSS 3 Selectors (Draft 2005-12-15) Obsolete
CSS 3 Selectors #selection Working draft

https://developer.mozilla.org/En/CSS/::selection