如何更改 CodeMirror 编辑器的字体

新手上路,请多包涵

我正在尝试更改我的 CodeMirror 编辑器的字体系列和字体大小。我尝试通过设置相应的 CSS 属性来更改它,但它似乎对我不起作用:

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

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

原文由 nullmn 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 2.5k
2 个回答

尝试将 CSS 设置为:

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

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

原文由 SWC 发布,翻译遵循 CC BY-SA 3.0 许可协议

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

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

原文由 shuckster 发布,翻译遵循 CC BY-SA 4.0 许可协议

推荐问题