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

时间:2017-03-21 07:49:54

标签: javascript css reactjs draftjs

据我所知,js编辑器草稿不是经典的textarea元素。我应用了一些样式,使它看起来更好。但是,当我专注于我的draftjs编辑器时,我无法找到这个做一个自然的html焦点效果的小技巧。我不是css专家,我试图使用:active伪类,一旦释放点击效果消失。

我只想让边框像经典的html输入焦点效果一样。

如何设置此功能?

感谢

1 个答案:

答案 0 :(得分:4)

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

https://jsfiddle.net/m7tovuqa/