如何为我的 Draft JS Editor 边框提供焦点效果？
How to give a focus effect to my Draft JS Editor border?
我了解到 js 编辑器草稿不是 classic textarea 元素。我应用了一些样式以使其看起来更好。但是，当我专注于我的 draftjs 编辑器时，我找不到这个做自然 html 焦点效果的小技巧。我不是 css 专家，我试过使用 :active 伪 class 一旦释放点击效果就会消失。
我只想让边框像 classic html 输入焦点效果。
如何设置这个？
谢谢
您可以通过监听 onFocus 和 onBlur 来跟踪编辑器是否有焦点。然后，您可以使用此信息相应地设置类名。这是一个在获得焦点时使边框变为红色的示例：
我了解到 js 编辑器草稿不是 classic textarea 元素。我应用了一些样式以使其看起来更好。但是，当我专注于我的 draftjs 编辑器时，我找不到这个做自然 html 焦点效果的小技巧。我不是 css 专家，我试过使用 :active 伪 class 一旦释放点击效果就会消失。
我只想让边框像 classic html 输入焦点效果。
如何设置这个？
谢谢
您可以通过监听 onFocus 和 onBlur 来跟踪编辑器是否有焦点。然后，您可以使用此信息相应地设置类名。这是一个在获得焦点时使边框变为红色的示例：