javascript - 如何为我的 Draft JS Editor 边框提供焦点效果?

标签 javascript css reactjs draftjs

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

我只想让边框看起来像经典的 html 输入焦点效果。

如何设置这个?

谢谢

最佳答案

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

https://jsfiddle.net/m7tovuqa/

关于javascript - 如何为我的 Draft JS Editor 边框提供焦点效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42921101/

相关文章:

javascript - React.js - 显示/隐藏组件中动态生成的元素

javascript - 使用 React 获取图像的尺寸

javascript - 在不丢失宽高比的情况下调整图像大小

javascript - 是否可以通过电子邮件将 radio 输入是/否的结果直接发回给我

css - 如何将悬停效果定向到过滤器?

php - Glyphicons Font Awesome 不再工作了

javascript - 无法读取属性对象 reactJS

javascript - 使用 javascript 使用正则表达式映射对象键

javascript - 有没有一种方法可以将对象从一个本地存储传输到另一个本地存储?

javascript - 创建类似于 Google Plus 的菜单