← All examples

Sensible cursors

Forces a pointer cursor on buttons and links and a blocked cursor on disabled elements.

Code to copy

a, button, [role="button"], summary, label[for], select {
    cursor: pointer !important;
}
input[type="text"], input[type="search"], textarea {
    cursor: text !important;
}
[disabled], .disabled { cursor: not-allowed !important; }

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.