在 Electron 中更改可拖动区域上的光标

Question

我正在用 Electron 制作一个应用程序，我有一个无框架 window，我有一些顶部区域 -webkit-app-region: drag 但是当我这样做时，它们不会改变。

显然在这个片段中它不会被拖动，因为它不是电子应用程序，但基本上光标不会在可拖动的元素上改变。

编辑： 似乎尝试更改任何 webkit 样式上的光标根本不起作用，因为我也尝试更改滚动条上的光标.有什么办法解决这个问题吗？我用谷歌搜索了它，但没有找到合适的东西。

#draggable {
  -webkit-app-region: drag;
  cursor: grab;
  height: 40px;
  width: 90%;
  margin: 0;
  background-color: #393939;
  color: #000;
  position: absolute;
  z-index: 2;
  top: 0;
  border-bottom: 3px solid #202020;
}
#draggable:hover {
  cursor: grab;
}

<div id="draggable">
   <h3 style="margin: 5px 0 0 10px;">Hardware Application</h3>
</div>

Answer 1

不幸的是，设置 -webkit-app-region: drag; 会禁用所有单击和鼠标事件，因为它被视为 title-bar，因此您无法更改光标。

我会包括我读到的地方，但我找不到了。

参见：

#1354 -webkit-app-region: 拖动吃掉所有点击事件

#8730 Frameless Electron App 无法运行 css cursor:pointer

在 Electron 中更改可拖动区域上的光标

Change Cursor on Draggable region in Electron

javascript

css

electron

electron-builder