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

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