是否可以隐藏选择：在订购列表中的内容之前

Question

我有一个像这样的css的和平：

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

现在，user-select: none;阻止了选择，但是如果选择了列表，则内容为：在标记为选中之前。我想通过设置background-color: transparent来阻止这种情况。但是哪里？ ol li:before::selection无法工作。

图片相关：

选择了Lorem ipsum文本（涂成红色），我希望列表选择显示为透明。

Answer 1

如果我使用所有浏览器前缀，那么它似乎适合我。

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;
}

以下是一个示例小提琴：https://jsfiddle.net/0ft1z21L/ 1