Question 1

What is the CSS cursor property?

Accepted Answer

The CSS cursor property specifies the type of cursor to be displayed when hovering over an element. It can signal interactivity to users, such as using pointer for links and buttons.

Question 2

What is the difference between pointer and default?

Accepted Answer

default shows the standard arrow cursor. pointer shows a hand cursor indicating a clickable element, typically used for links and interactive buttons.

Question 3

What does cursor: not-allowed do?

Accepted Answer

cursor: not-allowed shows a circle with a slash, indicating the element is disabled and the action is not permitted. Often combined with disabled form elements.

Question 4

How do I implement cursor: grab?

Accepted Answer

Use cursor: grab on a draggable element and cursor: grabbing when the element is being dragged (applied via JavaScript or :active pseudo-class).

Question 5

Can I use a custom cursor image?

Accepted Answer

Yes, you can use cursor: url('image.png'), auto to set a custom cursor image. The url() function accepts PNG, CUR, ANI, or SVG files. Always provide a fallback cursor type.

CSSカーソルジェネレーター

よくある質問

Comments & Feedback