2017-01-24 9 views
0

私は、次のCSSでdiv要素を持っている:::後にのみ使用してinpectorに再描画強制ワーキング選択 - クローム+ ReactJs

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

これはreactjsずに働いています。

クラスはインスペクタで正しい色で表示されますが、色は実際には適用されません。私はChromeのインスペクタに行くと、私は任意の CSSプロパティの任意クラスを変更した後にのみまで

reactjsを使用して、選択の背景が青色のまま - 選択が正しい色になり:/

。 someTopParentClassクラスはボタンクリック時に動的にレンダリングされます。 私の推測では、親クラスが追加された何らかの理由でChromeが正しく認識されないことがありますが、インスペクタでは正しい.someClassと正しい色が表示されます。私はバグを開いてください https://jsfiddle.net/rmindel/r3581ewt/

この問題は、私はJSFiddleで問題を再現

クローム(エッジで動作し、Firefoxの)

アップデートでのみ発生するようですクロム:/?

私の解決方法は、テキストの色を黒から#000001に変更して、Chromeが再ペイントする必要があることを知るようにすることでした。

答えて

0

はクロームのためにバグを開設: https://bugs.chromium.org/p/chromium/issues/detail?id=685174#c6

を述べたように、私の回避策がある - 「今、私の解決策は、#000001に黒からテキストの色を変更することだったためにそうクロームはそれをする必要があります知っているだろう再塗装。

関連する問題