Javascript 如何为我的草稿JS编辑器边框提供焦点效果?

Javascript 如何为我的草稿JS编辑器边框提供焦点效果?,javascript,css,reactjs,draftjs,Javascript,Css,Reactjs,Draftjs,我知道draft js编辑器不是一个经典的textarea元素。我应用了一些样式使它看起来更好。然而,当我专注于我的draftjs编辑器时,我找不到一个自然的html焦点效果的小技巧。我不是css专家,我尝试过使用:active伪类,一旦释放单击,效果就会消失 我只希望边框像一个经典的html输入焦点效果 a如何设置此选项 谢谢您可以通过收听编辑器上的onFocus和onBlur来跟踪编辑器是否有焦点。然后可以使用此信息相应地设置类名。下面是一个示例,它在有焦点时使边框变红: 谢谢。很棒的演示。

我知道draft js编辑器不是一个经典的textarea元素。我应用了一些样式使它看起来更好。然而,当我专注于我的draftjs编辑器时,我找不到一个自然的html焦点效果的小技巧。我不是css专家,我尝试过使用
:active
伪类,一旦释放单击,效果就会消失

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

a如何设置此选项


谢谢

您可以通过收听编辑器上的
onFocus
onBlur
来跟踪编辑器是否有焦点。然后可以使用此信息相应地设置类名。下面是一个示例,它在有焦点时使边框变红:


谢谢。很棒的演示。我不知道编辑器组件中考虑了onBlur事件侦听器。问题解决