css - CSS 中的悬停不适用于 Electron

标签 css hover electron

我开始制作我的简单代码编辑器。我用 Electron 创建的窗口没有框架 (frame: false)。因此,我创建了一个类为 .drag 的 div,其中 -webkit-app-region 设置为 drag

.drag {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #F0D6BA;
    -webkit-user-region: drag;
}

.drag:hover {
    height: 25px;
    background-color: #7EA5A3;
}

它在浏览器中完美运行,但如果我在 Electron 中使用它,当我将鼠标悬停在元素上时没有任何变化。

最佳答案

我明白为什么现在会发生这种情况:任何带有 -webkit-app-region: drag 的元素都不会接收鼠标事件。谢谢41 72 6c !

关于css - CSS 中的悬停不适用于 Electron,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56338939/

相关文章:

node.js - 如何使用 jasmine-node 对非模块进行单元测试? (与关闭 Electron 中的 Node 集成有关)

electron - 我如何使 Electron 重建工作,以便可以使用sqlite3?

html - 我想通过 CSS 为 ebay 产品列表页面显示和隐藏 div 数据

javascript - 实现将 iframe 切换到全页屏幕并返回小屏幕的更好方法?

jQuery - 如何撤消前置

jquery - 如何在悬停在其他元素上时更改动态创建的 div?

javascript - 使用全局变量来防止代码不必要地重复执行

javascript - 通过 Jquery 用视频填充容器时出现问题

html - 使用组件函数设置 HTML 对象的样式

html - 颜色设置时悬停时更改表格行的颜色