codemirror的光标颜色如何修改

1,035 阅读1分钟

codemirror的光标颜色如何修改

codemirror的浅色主题默认的光标颜色是白色的,导致在输入面板颜色为白色时,无法看到光标闪烁。

检查元素,输入区域的元素为<pre><span></span></pre> 这种形式,而caret-color 属性只能修改输入类型的光标颜色

经过检查上下文内容发现 codemirror的光标闪烁是 通过border-left 和visible切换实现的,最终解决方案为:
.cm-s-cobalt .CodeMirror-cursor { border-left 1px solid #30aaed !important; }