如何对我的“ JS编辑器”草稿边框产生焦点效果?

Joh*_*ohn 0 javascript css reactjs draftjs

我了解js编辑器草稿不是经典的textarea元素。我应用了一些样式以使其看起来更好。但是,当我专注于我的draftjs编辑器时,我找不到执行自然html焦点效果的小技巧。我不是CSS专家,我曾经尝试过使用:active伪类,但一旦单击释放,效果就会消失。

我只希望边框像经典的html输入焦点效果。

如何设置呢?

谢谢

tob*_*sen 5

您可以通过侦听onFocusonBlur关注它来跟踪编辑器是否具有焦点。然后,您可以使用此信息来相应地设置类名。这是一个使焦点对准时边框变为红色的示例:

https://jsfiddle.net/m7tovuqa/