【问题标题】：::selection pseudo-element outline property::selection 伪元素大纲属性
【发布时间】：2014-05-03 17:26:31
【问题描述】：

在this reference

他们声明::selection 选择器可以使用 outline 属性，但我无法让它工作。

如何使用此选择器正确影响 outline？

【问题讨论】：

它说“可选地允许使用cursor 和outline 属性”所以也许根本没有人选择实现它。（可以理解，因为实现起来非常困难，所以不要介意尝试与其他浏览器保持一致。）

【解决方案1】：

来自Mozilla Developer Network的重要说明：

::selection 伪元素目前不在标准轨道上的任何 CSS 模块中。它不应该在生产环境中使用。

今天哪个浏览器支持这个伪元素的哪些属性在很大程度上是无关紧要的。您可能无法获得一致的跨浏览器体验，因此您最好避免边缘细节并坚持每个浏览器支持的内容。

当 ::selection 在选择器规范 (December 2005) 中时，我们会阅读：

这些是应用于::selection 伪元素的 CSS 属性：color、background、cursor（可选）、outline（可选）。 ::selection 上的 'background-image' 属性的计算值可能会被忽略。

color 和 background-color 属性似乎得到了最好的支持，因为它们是唯一的非可选值。一些浏览器甚至支持text-shadow，虽然规范中没有列出。

我会避免尝试实现对任何其他跨浏览器的支持。最后，请记住，像这样的非标准功能将来可能会出现并消失。所以不要太执着于它。

实施和支持详情

【讨论】：