Remove the typing indicator from textarea

Question

I'm struggeling with removing the blinking indicator that pops up when writing something into my textarea. I've tried matching the color to the background color, but that hid my text as well. Does anyone have a quick fix for this in html/css? Thanks a lot ;)

Or maybe even this? https://stackoverflow.com/questions/44845792/hide-cursor-in-textarea — Adam, Oct 24 '22 at 12:39
So why do you want to hide the cursor? Seems like an odd request. — epascarello, Oct 24 '22 at 12:52
Do you want to hide it because you think it looks cooler? Don't do it, this indicator is there for a reason. — cloned, Oct 24 '22 at 12:54

score 2 · Accepted Answer · answered Oct 24 '22 at 12:50

2

You can colour the caret only instead of the text:

textarea {
  caret-color: transparent;
}

answered Oct 24 '22 at 12:50

Grant

5,709
2
38
50

score 2 · Answer 2 · answered Oct 24 '22 at 12:58

2

use this property

caret-color: transparent;

answered Oct 24 '22 at 12:58

Shoaib Amin

207
1
4

Remove the typing indicator from textarea

2 Answers2