Questions tagged [mouse-cursor]

For inquiries regarding the modification of a mouse cursor's shape and style, utilize this specific tag. This versatile tag is applicable across different programming languages and user interfaces, including those found in web browser-based systems. It is essential to combine this tag with others that specify the programming language, development environment, operating environment, among other relevant details.

Change the size of a custom cursor on click using React

I have customized the cursor on my react app, but I want to make it animate when the user clicks. Perhaps by decreasing its size or some other effect. The cursor is within a component that I've included in my Index.js file. I am unsure how to create an eve ...

cssreactjscss-selectorsmouse-cursorcustom-cursor

Hover your mouse cursor over the React Material UI TextField to see the icon

I am trying to customize the mouse cursor behavior of a TextField component from Material UI when its variant is set to "outlined". Currently, the cursor changes to Text but I want it to appear as a pointer instead. I attempted to override the default beha ...

reactjsmaterial-uitextfieldmousehovermouse-cursor

Looking for a unique Full Screen Crosshair Cursor with either HTML5 or JQuery?

We've all seen that iconic military crosshair cursor in movies and animations. One example can be found at the beginning of a YouTube video titled "Dishonorable Disclosures" - https://www.youtube.com/watch?v=X-Xfti7qtT0 Another instance is with the ...

htmljqueryfullscreenmouse-cursorpanning

Swapping mouse cursor using JavaScript

Currently, I am working on a painting application in JavaScript that utilizes the Canvas Object. I would like to customize the mouse cursor when it hovers over the Canvas object. Can anyone advise me on how to accomplish this? ...

javascriptcssmouse-cursor