::选择仅在使用 - Chrome + ReactJs在inpector中强制重新渲染后才能工作

时间:2017-01-24 15:05:42

标签: html5 css3 google-chrome reactjs

我有以下css的div:

.someTopParentClass .someParentClass .someClass::selection {
    background: #ffcc00;
}

没有reactjs就可以了。

该类确实在检查器中显示正确的颜色,但颜色并未真正应用。

使用reactjs时,选择的背景会一直保持蓝色,直到我进入Chrome的检查器,并且只有在我更改 任何类的任何 css属性后 - 选择成为正确的颜色:/

.someTopParentClass类在按钮单击时动态呈现。 我的猜测是,由于某些原因,Chrome没有正确实现父类的添加 - 尽管在检查器中它显示了正确的.someClass和正确的颜色。

此问题似乎只发生在Chrome(Works in Edge,Firefox)

更新

我在JSFiddle中重现了这个问题: https://jsfiddle.net/rmindel/r3581ewt/

我在哪里打开Chrome的错误:/?

目前我的解决方案是将文字的颜色从黑色更改为#000001,以便Chrome知道它需要重新绘画。

1 个答案:

答案 0 :(得分:0)

为Chrome打开了一个错误: https://bugs.chromium.org/p/chromium/issues/detail?id=685174#c6

我的解决方法如上所述 - “目前我的解决方案是将文本的颜色从黑色更改为#000001,以便Chrome知道它需要重新绘制。”