如何更改CodeMirror编辑器的字体

时间:2017-12-07 14:08:09

标签: javascript css fonts codemirror

我正在尝试更改CodeMirror编辑器的font-family和font-size。我尝试通过设置相应的CSS属性来更改它,但它似乎不适合我:

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

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

2 个答案:

答案 0 :(得分:14)

尝试设置CSS:

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

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

答案 1 :(得分:4)

仅是跟进已接受的答案,我使用的CodeMirror版本(发布时为5.55.0)需要通配符:

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