我一直在网上搜索如何在电子中制作一个可拖动的无框窗口,我一直在到处寻找相同的解决方案,但它不适合我。
这是我的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; }
之后,它为我工作:)