html - 如何在 React 中更改文本选择/突出显示颜色(通常为::selection)？

Question

我想将其从默认的蓝色更改，但似乎找不到任何相关信息。通常不起作用:

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

Answer 1

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

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

https://jsfiddle.net/nutboltu/hgumjs95/7/