Cursor for text input can't be set to pointer

I have a regular text input that I’ve set to read only, I’m trying to change the cursor to “Pointer”, but it still defaults to the default enter text pointer.

I have tried to create the readonly state (and also tried hover state) and change it to Pointer there but it still does not work.

I think this might be achievable only through custom CSS at the moment, but I might be wrong.

A quick workaround i found is this.
Wrapping the input into a div with your desired cursor and disabling with custom css pointer on the input itself.


1 Like

That worked :slight_smile:

2 Likes