In the process of building an app and I was setting it up so when you hold the control key and click on a checkbox it would change to a remove (x) rather than an add (✓).
I am able to add a class to my element when the keydown occurs and remove it when the keyup occurs. I also have it working on the click, however the problem I'm running into is I want to show a delete/remove cursor.
I know we have default icons for many things including adding something, but I can't seem to find anything for deleting/removing. Does anyone have a valid method of showing delete, other than building your own icon? I would like to avoid this, as each browser/os has different icons. Thus far other than creating my own icon, it seems like no-drop might be my closest choice?
Is there something I'm missing, hopefully someone has a better method of handling this than I do that would work with chrome/IE/FF/safari?
https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
.add-item { cursor: copy; }
.remove-item { cursor: ????; }
User Interface - Cursor: default If the value of the cursor property is set to default, generally the cursor will look like an arrow, which is the default cursor display.
You can always disable Custom Cursor by pressing the button and reloading the browser tabs to clear browser cache. Read more here. We have prepared a short and handy How to Use for you to utilize the extension to its full potential. You can find it here.
This software product was tested thoroughly and was found absolutely clean; therefore, it can be installed with no concern by any computer user.
Here is a list of cursor properties.
cursor: not-allowed
seems to be the only one similar to a "deleted" property. Example.
You can also use the url
property to insert your own custom image.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With