如何控制拖放资料中不允许的拖动区域?

时间:2020-09-09 15:30:06

标签: css angular-material drag-and-drop

我正在使用有角度的材料来完成拖放。当将项目拖到项目容器的外部时,我想将光标更改为“不允许”。哪种角度的材料正在控制拖放区域之外的拖动? 尝试执行以下操作,但不起作用:

.cdk-drop-list-dragging :hover:not(.item-placeholder) {
  cursor: not-allowed;
}

物品占位符是放置物品后放置物品的区域 有人可以建议一种方法指示何时将项目拖到拖动列表之外吗?

这是我目前拥有的。 https://codesandbox.io/s/sxx8u?file=/src/styles.scss

请注意,当您将项目拖到列表外时,指针将设置为默认值,并且不应使用该指针

0 个答案:

没有答案