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