时间戳

首页 > 解决方案 > 如何更改摩纳哥编辑器增量装饰悬停时的背景颜色？

javascript - 如何更改摩纳哥编辑器增量装饰悬停时的背景颜色？

问题描述

查看操场示例，我可以很好地创建和应用增量装饰：

var editor = monaco.editor.create(document.getElementById("container"), {
    value: "var a = true",
    language: "javascript"
});

var decorations = editor.deltaDecorations([], [
    { range: new monaco.Range(3,1,5,1), options: { isWholeLine: true, linesDecorationsClassName: 'myLineDecoration' }},
    { range: new monaco.Range(7,1,7,24), options: { inlineClassName: 'myInlineDecoration' }},
]);

摩纳哥装饰应用

然而，:hovercss的变体根本不被装饰所尊重className。

的:hover变体inlineClassName受到尊重，但仅适用于我悬停的特定块，而不是整个装饰：

inlineClassName 悬停在特定块而不是整个装饰上

我知道 Monaco 的 dom 操作非常复杂（令人惊奇的是它在浏览器中运行得如此之好！）所以这可能是意料之中的。

有什么方法可以影响:hoverMonaco 编辑器 delta 装饰的背景颜色吗？

标签： javascripthtmlcssmonaco-editor

解决方案

推荐阅读