Html – How to control cursor/caret size with CSS


I'm trying to control the caret size in a html textarea. The size seems to default to the line height, is there a way to manually control it?

Best Solution

There isn't any way to change how the caret looks in a textarea. If you want to do that, you'll have to use something other than a textarea, such as a div or a canvas element and control everything with JavaScript.