如何在 React 中更改文本 selection/highlight 颜色（通常是 ::selection）？

Question

我想更改它的默认蓝色，但似乎找不到任何相关信息。平时不行:

::-moz-selection, ::selection {
    background: #AFAFAF;
}

Answer 1

因为它们都是范围，所以您不能在一个样式定义中同时定义它们。将它们分成 2 种不同的样式，它会起作用。

::-moz-selection{
  background: #ffb7b7;
}
::selection{
  background: #ffb7b7;
}

Answer 2

::-moz-selection 和 ::selection 是浏览器特定的伪类。如果一个供应商浏览器 (chrome) 不理解其他供应商浏览器的前缀，它会忽略该块下的规则。所以建议分开浏览器特定的伪类.

::-moz-selection {
  background: #AFAFAF;
}
::-webkit-selection {
  background: #AFAFAF;
}
::selection {
  background: #AFAFAF;
}

How can I change text selection/highlight color (usually ::selection) in React?