如何在电子中创建一个可拖动的无框窗口?



我一直在网上搜索如何在电子中制作一个可拖动的无框窗口,我一直在到处寻找相同的解决方案,但它不适合我。

这是我的HTML代码:
<header id="titlebar">
<div id="drag-region">
<img src="images/check_icon.svg" alt="icon" id="icon">
<p id="title">to do app</p>
</div>
</header>
这是我的CSS代码:
#drag-region{
-webkit-user-select: none;
-webkit-app-region: drag;
}

我在终端上没有得到任何错误,但是当我将鼠标悬停在-webkit-user-select: none;上时,弹出一条消息说Also define the standard property 'user-select' for compatibilitycss(vendorPrefix)。因为我不知道它是什么意思,所以我没有乱动它,它做它的工作。

我只是想知道我的html或css代码是否有任何问题,以及为什么无框架窗口不可拖动。我也在寻找其他方法,如果有的话。

我刚刚尝试了一下,它工作了,这里是我如何做到的步骤。我将
id="drag-region"
添加到主<html>中标签,然后我把它添加到css
#drag-region{ -webkit-user-select: none; -webkit-app-region: drag; }
之后,它为我工作:)

相关内容

  • 没有找到相关文章

最新更新