gpt4 book ai didi

css - 无法拖动具有 css 属性未设置 : all 的元素

转载 作者:行者123 更新时间:2023-11-28 09:32:43 25 4
gpt4 key购买 nike

看来我无法拖动具有 unset: all css 属性的元素。

.my-component {
all: initial;
* {
all: unset;
}
}

我在 chrome 扩展中使用这些规则,在用户浏览器页面中注入(inject)的元素上(以防止本地样式影响我的组件)。不幸的是,元素不再是可拖动的。

这些元素在 html 中具有 draggable 属性。

我尝试了 pointer-events: auto;, -webkit-user-drag: auto;, user-select: all; 但是我仍然无法使元素可拖动。

一定有一些属性我必须设置回正常。

如果有人有想法,我将不胜感激任何关于此主题的帮助。

编辑:请参阅此代码笔 - https://codepen.io/thomaslh/pen/OgQNMz

最佳答案

看起来您需要添加 2 个 CSS 属性。 user-select-webkit-user-drag

.el {
all: unset;
-webkit-user-drag: element;
user-select: none;
}
<div class="el" draggable="true">
drag
</div>

关于css - 无法拖动具有 css 属性未设置 : all 的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44829765/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com