Search code examples
csscursorcodemirror

coderpad.io disable blinking cursor

I am looking to disable the blinking cursor in coderpad.io I think its a codeMirror editor.

I am using CSS

.CodeMirror-cursor, div.CodeMirror-cursor {
    opacity: 1;
    display: none;
}

But this removes the cursor altogether. I cant find a way to make the cursor visible but stop the annoying blinking

Solution

  • If inspect the html, you can see that the blinking cursor is due to style="visibility:hidden" appearing on and off in the div with the class "Codemirror-cursors". You can override that css by adding your own css with !important at the end. Like so:

    .Codemirror-cursors{
    visibility: visible !important
}