Javascript 是否可以在有序列表中隐藏：before内容的选择

我有一个平静的css样式如下：

ol li:before {
   content: counter(item) ". ";
   counter-increment: item;
   background: #afafaf;
   user-select: none;
}

现在，

用户选择：无阻止选择，但如果选择列表，则：之前的内容将标记为选中。我想通过设置
背景色：透明来防止这种情况。但是在哪里呢
ol li:before:：selection
不起作用

图片相关：


已选择Lorem ipsum文本（涂成红色），我希望列表选择显示为透明。
如果我使用了所有浏览器前缀，则它似乎对我有效

ol li:before {
   content: counter(item) ". ";
   counter-increment: item;
   background: #afafaf;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}


这里有一个例子：
我对CSS进行了5年的编码，必须承认这是我第一次看到
user select
属性，你能解释一下你想要什么吗？请注意：：selection需要双冒号：：而不是单冒号：但是，它似乎不服从伪元素的选择（因为它本身就是伪元素（）@Paul Thomas GC:selection本身是一个伪元素是不相关的。伪元素可以嵌套在伪元素中，例如，带有：：before的元素可以在其：：before中包含：：第一个字母。围绕生成内容的选择规则非常模糊，这就是：：selection无法在generate上可靠工作的真正原因d内容。@Peter Wilson：通常情况下，我们建议askers提供一个完整的工作示例，但这甚至不是一个复杂的示例。它实际上只是一个包含一系列
的示例（仅CSS就足以表达这一点）。手写一个答案不需要超过30秒（如果您需要插入填充内容，请等待一分钟）。如果您不打算花费OP一半的精力来回答问题，请不要回答。不要告诉别人“stackoverflow不是编码服务”，尤其是当他们没有直接对待网站的时候。谢谢你的澄清，我只是想让你的问题得到更快的回答！：）我不知道为什么我的计数器没有增加！奇怪的是，它在fiddle中工作正常，但在浏览器中不工作：-/。我已经根据您的创建了fiddle，在这里使用了我的全部样式。它在fiddle中工作，但在浏览器（Chrome）中不工作