删除的默认光标图标是什么？

Question

在构建应用程序的过程中,我进行了设置,因此当您按住控制键并单击复选框时,它将更改为删除(x)而不是添加(✓).

我可以在keydown发生时向我的元素添加一个类,并在keyup发生时将其删除.我也有它在点击工作,但我遇到的问题是我想显示删除/删除光标.

我知道我们有很多东西的默认图标,包括添加一些东西,但我似乎找不到任何删除/删除的东西.有没有人有一个有效的显示删除方法,而不是建立自己的图标？我想避免这种情况,因为每个浏览器/操作系统都有不同的图标.到目前为止,除了创建我自己的图标外,似乎无跌落可能是我最接近的选择？

有没有我缺少的东西,希望有人有一个更好的方法来处理这个比使用chrome/IE/FF/safari？

.add-item { cursor: copy; }
.remove-item { cursor: ????; }

Answer 1

没有一个,但你可以创建自己的图标,并使用cursor: url();CSS来实现这一目标.

例:

div {
  cursor: url("https://i.stack.imgur.com/bUGV0.png"), auto;
}

<div>Hover Here</div>

Answer 2

cursor: not-allowed似乎是唯一一个类似于“已删除”属性的属性。例子。

您还可以使用该url属性插入您自己的自定义图像。

Answer 3

not-allowed是唯一有意义的,但自定义jpg url选项看起来很简单.

您还可以重新考虑您的UI设计以解决此问题.你可以坚持使用复选框的直观默认行为,并让用户点击它,同时理解复选标记将切换.没有花哨的控制键,没有花哨的游标.在任何一种情况下,也许只是指针图标.使用一些单独的添加/删除操作按钮.

您还可以考虑显示一些可添加/删除的可点击图标(如果适用,则为每个项目).因此不使用复选框.