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

时间:2018-02-16 20:41:25

标签: html css reactjs text selection

我想从默认的蓝色更改它,似乎无法找到任何内容。通常不起作用:

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

2 个答案:

答案 0 :(得分:1)

因为它们都是作用域,所以无法在一个样式定义中定义它们。将它们分成两个独立的样式,它将起作用。

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

答案 1 :(得分:1)

::-moz-selection::selection是特定于浏览器的伪类。如果一个供应商浏览器(chrome)不了解其他供应商浏览器的前缀,则会忽略该块下的规则。因此,建议将浏览器特定的伪类分开。

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

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