Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is the default cursor icon for delete?

Tags:

html

css

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: ????; }
like image 600
Vince Avatar asked Dec 03 '15 20:12

Vince


People also ask

What is the default 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.

How do you delete custom cursor?

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.

Is custom cursor safe?

This software product was tested thoroughly and was found absolutely clean; therefore, it can be installed with no concern by any computer user.


1 Answers

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.

like image 98
Tania Rascia Avatar answered Oct 01 '22 21:10

Tania Rascia