不必要的画布风格

嘿，@artf。谢谢你的回答。我不确定我们是否完全理解对方，我想澄清一个细节。 是的，我知道canvasCss属性，而且我用它来更改所选组件的样式。我理解这个属性的本质：它旨在存储画布样式，那些不会影响 hmtl/css 结果的样式，不会导出的样式，对吧？ 那为什么默认画布样式有这个 CSS 规则 '''body { background-color： white; }``` ?为什么我们有理由去覆盖它？ 我理解选择了主体元素的情况，在这种情况下，为交互性应用一些样式是合理的。 但为什么要指定“body” {背景色：白色; }“默认情况下，它不会影响编辑器的交互性？ 而且默认情况下，机身是白...

你遇到的问题源于GrapesJS在画布iframe中的body元素上应用默认background-color: #fff;。这是网页构建器中常见的做法，旨在为编辑区域提供一致、中性的背景。当你注入自己的body { background-color: black; }风格时，它在CSS级联中的优先级决定了它是否覆盖GrapesJS的默认。 虽然你在GrapesJS演示中的复刻步骤可能会显示你注入的样式优先（因为后面会附加），但在你的具体项目设置中，GrapesJS的默认样式很可能是在你的通用样式之后加载的，或者更具体地加载，从而覆盖你想要的背景色，迫使你使用!important。 根本原因...