Question

我已为::-moz-selection和::selection添加了自定义css，如下所示：

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

这在caniuse所说的应该（在此上下文中不需要-webkit-）的所有情况下看起来都很棒，除了<ol>代码<li>项目Safari （10.0.1）。我似乎无法找到任何文件说这是一个已知的错误。

有没有人遇到过这个问题？
有没有人有办法解决这个问题，以便所有内容::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;
}

::选择问题与Safari中的<ol>标签<li>项目

1 个答案: