是否有一种方法可以更改左侧窗格的颜色，其行号为Ace-Editor？

Question

我已经尝试过使用AceEditor提供的样式道具设置背景色，但这只适用于身体。如何将具有行号的左窗格的背景色也更改为透明？

      <AceEditor
        mode="javascript"
        theme="dreamweaver"
        // onChange={onChange}
        style={{
          backgroundColor: "transparent",
          fontSize: "1.2rem",
          color: "white",
        }}
        name="UNIQUE_ID_OF_DIV"
        editorProps={{ $blockScrolling: true }}
        value={`function onLoad(editor) {
                  console.log("i've loaded");
              }
             `}
      />

Answer 1

以非特定的方式，您可以使用如下CSS更改行号面板("gutter")背景。

.ace-tm .ace_gutter {
    background: #F8F8F8;
}