Usually, cursor: no drop or cursor: not allowed is used. I checked a lot of information and said that it will automatically give the disabled symbol set as the red border. Later, I did my own experiments and found that all the disabled icons are gray and white, including JD:
What should I do if I want to implement the red icon? Add a default picture parameter of URL to cursor.
Format: cursor: URL (picture path), auto;
But after using one of my local pictures, I found that it didn’t take effect. Later, continue to query: it is found that the size and resolution of the pictures used are limited:
In Gecko (Firefox) the limit of the cursor size is 128×128px. Larger cursor images are ignored. However, you should limit yourself to the size 32×32 for maximum compatibility with operating systems and platforms.
Later, I changed a picture again, and then I can display the picture instead of the mouse. However, one limitation is that only pictures will be displayed at this time without mouse arrows. At present, this should be the best solution. You can replace the picture with any shape and color you want.