有没有办法改变React中有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

以一种非React特定的方式，您可以使用类似的CSS来更改行号面板("gutter"(背景

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