如何更改CodeMirror编辑器的字体

Question

我试图更改我的CodeMirror编辑器的font-family和font-size.我尝试通过设置相应的CSS属性来改变它,但它似乎对我不起作用:

.codemirror-textarea {
    font-family: Arial, monospace;
    font-size: 16px;
}

我是否必须导入一些内容才能实现此目的,或者我是否必须直接编辑库CSS文件？我究竟做错了什么？

Answer 1

尝试设置CSS:

.CodeMirror {
font-family: Arial, monospace;
font-size: 16px;
}

这将选择包含所有格式化代码的元素.

Answer 2

只是为了跟进已接受的答案，我正在使用的 CodeMirror 版本（发布时为 5.55.0）需要一个通配符：

.CodeMirror * {
/*          ^
*/
  font-family: Arial, monospace;
  font-size: 16px;
}