删除线选择边框

Question

我需要从我正在处理的项目中删除此选择边框，并且我已尝试从 API 中删除 all different options 但无济于事。检查 CSS 也没有帮助。我怎么remove/edit呢？

Answer 1

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

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

注意：背景必须透明才能显示边框。所以，你也可以将主背景色设为高亮背景色，让边框消失。

使用 Monaco Editor playground 中的代码查看各种效果。

Answer 2

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

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

删除线选择边框

Remove line selection border

monaco-editor