Search code examples
codemirrortern

CodeMirror - styling Tern intellisense labels


I'm using the Tern plugin for CodeMirror, which adds intellisense features to the editor (i.e. pops up inline hint-labels).

I want to change the hint-labels style, how to do so?


Solution

  • Tern attaches CSS classnames to the hint box, you can utilize them to style it, e.g.:

    .CodeMirror-Tern-tooltip:before {
        content: url('http://n5.nabble.com/images/smiley/smiley_thinking.gif');
        width: 20px;
        height: 20px;
    }
    

    … which will result in this:

    tern hint custom styling