colors - 如何更改 Electron 浏览器窗口的背景颜色(例如通过单击按钮)？

Question

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

窗口生成在

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

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

感谢任何帮助。

Answer 1

您可以使用BrowserWindow的backgroundColor属性。

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

代码片段(没有 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!" />