Question

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?

Was it helpful?

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

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top