html -::Safari 中 <ol> 标签的 <li> 项的选择问题

Question

我为 ::-moz-selection 添加了自定义 CSS和 ::selection如下所示:

::-moz-selection {
  background: $the-color-i-like;
}
::selection {
  background: $the-color-i-like;
}

这在 caniuse 的所有情况下看起来都很棒说它应该(在这种情况下不需要 -webkit-)，除了 <ol>标签的 <li>元素 Safari (10.0.1)。我似乎找不到任何文档表明这是一个已知错误。

1. 有人遇到过这个问题吗？
2. 有没有人有办法解决这个问题，以便所有内容的 ::selection是否一致？

Answer 1

不同的浏览器有不同的前缀。 -moz- 仅适用于 Fireforx，而 -webkit- 涵盖 Safari、Chrome 和更新版本的 Opera。

在这里查看更多: https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix

关于你的代码，试试

-webkit-::selection {
  background: $the-color-i-like;
}

-moz-::selection {
  background: $the-color-i-like;
}
::selection {
  background: $the-color-i-like;
}