Solution: disable the symbol with the mouse. The red disable symbol is not displayed

Time:2021-10-19

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:

Solution: disable the symbol with the mouse. The red disable symbol is not displayed

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.

Solution: disable the symbol with the mouse. The red disable symbol is not displayed

reference resources:https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property#limitations

Recommended Today

SQL exercise 20 – Modeling & Reporting

This blog is used to review and sort out the common topic modeling architecture, analysis oriented architecture and integration topic reports in data warehouse. I have uploaded these reports to GitHub. If you are interested, you can have a lookAddress:https://github.com/nino-laiqiu/TiTanI recorded a relatively complete development process in my hexo blog deployed on GitHub. You can […]