无法拖动具有 css 属性未设置的元素：全部

Question

我似乎无法拖动具有 unset: all css 属性.

的元素

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

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

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

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

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

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

Answer 1

您似乎需要添加 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 属性 未设置的元素：全部