无法拖动未设置 CSS 属性的元素：全部

Question

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

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

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

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

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

我必须有一些我必须设置为正常的属性。

如果有人有一个主意，我将非常感谢有关此主题的任何帮助。

编辑：请参阅此codepen -https：//codepen.io/thomaslh/pen/ogqnmz

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>