Monaco编辑器Delta装饰如何实现自定义悬停背景色

参考Monaco的Playground示例，我可正常创建并应用Delta装饰，代码如下：

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' }},
]);

但装饰类名对应的CSS :hover 变体完全不生效。
而inlineClassName对应的:hover变体虽然可以生效，但仅作用于鼠标悬停的局部区块，而非整个装饰范围：

我了解Monaco的DOM操作逻辑十分复杂，能在浏览器中实现如此流畅的运行效果已经非常出色，因此上述问题可能是预期内的表现。

请问是否存在可行方法，可实现Monaco编辑器Delta装饰的:hover背景色自定义效果？

内容的提问来源于stack exchange，提问作者sgrove