在构建应用程序的过程中,我进行了设置,因此当您按住控制键并单击复选框时,它将更改为删除(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
没有一个,但你可以创建自己的图标,并使用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
not-allowed
是唯一有意义的,但自定义jpg url
选项看起来很简单.
您还可以重新考虑您的UI设计以解决此问题.你可以坚持使用复选框的直观默认行为,并让用户点击它,同时理解复选标记将切换.没有花哨的控制键,没有花哨的游标.在任何一种情况下,也许只是指针图标.使用一些单独的添加/删除操作按钮.
您还可以考虑显示一些可添加/删除的可点击图标(如果适用,则为每个项目).因此不使用复选框.