reactjs - 如何设置 Monaco Editor 上下文菜单的样式

Question

我需要更改默认上下文菜单的 css 样式，但我无法检查这些类，因为它在失去焦点时会关闭，所以如果有人知道这些类或知道如何使用 javascript 调整样式可以提供帮助.

Answer 1

按 F12 显示控制台。输入代码并按回车键。

setTimeout(() => {debugger;}, 1000);

您可以在浏览器暂停前 1 秒打开上下文菜单。然后您可以检查元素。

.monaco-menu > .monaco-action-bar.vertical {
  color: red !important;
}

但是从 0.12 开始，上下文菜单位于 shadow-root 下，并且没有元素声明 part 属性。所以在host里面是没有办法改写style的。