ドラフトJSエディタの枠線にフォーカス効果を与えるには？

Question

ドラフトのjsエディタは古典的なtextarea要素ではないことを理解しています。私はそれをより良く見せるためにいくつかのスタイルを適用しました。しかし、私はdraftjsエディタに集中しているときに、自然なHTMLフォーカス効果を出すというこの小さなトリックを見つけることはできません。私はCSSの専門家ではない、私は:active擬似クラスを使用しようとしましたが、一度リリースをクリックするとその効果は消えます。

境界線を古典的なHTML入力フォーカス効果のようにしたいだけです。

どうすれば設定できますか？

おかげ

Answer 1

あなたは、エディタがそれにonFocusとonBlurのために聞くことによってフォーカスがあるかどうかを追跡することができます。この情報を使用して、クラス名を適切に設定することができます。

https://jsfiddle.net/m7tovuqa/