删除行选择边框

Question

我需要从我正在处理的项目中删除此选择边框，并且我已经尝试了API 中的所有不同选项，但均无济于事。检查 CSS 也没有帮助。如何删除/编辑它？

Answer 1

这可以通过将renderLineHighlight选项设置为来实现"none"：

var editor = monaco.editor.create(domEl, {
   value: "...",
   language: "...",
   // . . .
   renderLineHighlight: "none"
});

Answer 2

您必须在编辑器的主题设置中设置线条突出显示的颜色。具体值为editor.lineHighlightBorder（另见vscode主题颜色页面）。示例代码：

monaco.editor.defineTheme('myTheme', {
    base: 'vs',
    inherit: true,
    rules: [{ background: 'EDF9FA' }],
    colors: {
        'editor.lineHighlightBackground': '#00000000',
        'editor.lineHighlightBorder': '#00000000'
    }
});

注意：背景必须是透明的，边框才能完全显示。因此，或者，您也可以将主背景色设置为突出显示背景色，以使边框消失。

在Monaco 编辑器中使用代码来查看各种效果。