无法拖动css属性未设置的元素：所有

Question

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

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

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

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

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

必须有一些属性我必须恢复正常。

如果有人有想法，我会非常感谢有关此主题的任何帮助。

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

Answer 1

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

＆＃13;

＆＃13;

.el {
  all: unset;
  -webkit-user-drag: element;
  user-select: none;
}

＆＃13;

<div class="el" draggable="true">
  drag
</div>

＆＃13;

＆＃13;

＆＃13;