您如何更改电子浏览器窗口的背景颜色（例如单击按钮）？

【问题标题】：How do you change the background color of the electron browserWindow (e.g. with a button click)?您如何更改电子浏览器窗口的背景颜色（例如单击按钮）？
【发布时间】：2017-01-03 15:09:49
【问题描述】：

我知道如何更改 CSS 中的背景颜色，但电子窗口（无框）中仍有最轻微的边框，我想将其更改为与我的网页中相同的颜色。

在窗口中生成

app.on('ready', function() {});

我不知道如何再次调用它，并更改背景颜色的属性。

感谢任何帮助。

【问题讨论】：

你可以在创建窗口的时候设置，你试过吗？
@PauloGaldoSandoval 是的，我知道这是我可以做到的一种方式，但我想做的是在创建窗口后更改背景颜色，通过使用按钮单击窗口或窗口上显示的元素。
嗯，我已经在文档上检查过了，但没有找到另一种设置背景的方法。也许您可以动态地做到这一点，并在每次更改颜色时重新启动您的应用程序

标签： colors background electron

【解决方案1】：

您可以使用BrowserWindow 的backgroundColor 属性。

但由于您想在窗口加载后更改背景颜色，您可以做的是在您的 Javascript 事件处理程序中更改 body 元素的 background-color 属性。

代码 sn-p（没有 Electron，但应该工作相同）：

function clickHandler() {
  $('body').css('background-color', 'red');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" onclick="clickHandler()" value="Click me!" />

【讨论】：