当前位置:  开发笔记 > 前端 > 正文

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

如何解决《删除的默认光标图标是什么?》经验,为你挑选了2个好方法。

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

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

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

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

https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

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

billynoah.. 15

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

更多信息:https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_User_Interface/Using_URL_values_for_the_cursor_property

例:

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



1> billynoah..:

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

更多信息:https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_User_Interface/Using_URL_values_for_the_cursor_property

例:

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


2> 小智..:

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

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

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

推荐阅读
手机用户2402852387
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有