Search code examples
htmlcssgoogle-chromecursortextarea

How to change cursor for resizable textarea?


I have an HTML element textarea with defined CSS rule { resize: both }. In FF when the user mouse over the right bottom corner of textarea the cursor changed according to value of property resize, but in Chrome cursor doesn't change.

Please open this example in FF and Chrome to check the difference.

Is it a bug of Google Chrome and can I fix it with CSS on my side?

Update

I reported bug to Chromium: https://bugs.chromium.org/p/chromium/issues/detail?id=942017

Update 2

The bug was fixed in Chrome 80.


Solution

  • This is rendered by browser itself cant be designed using css