Change textarea cursor color in the textarea

Question

I have the following textarea:

How can I change the inner cursor color?

Mansuetude

I dont know. Might be there is no way since cursor is not part of web page but part of OS and each OS will define look and colour of standard cursor – Claudineclaudio

Here is a link that will answer this: #6093463 – Murrell

You should read this : https://mcmap.net/q/165718/-styling-text-input-caret . Just to help in your search, it is caret and not cursor. ;) – Pitch

Possible duplicate of Styling text input caret – Evonevonne

Answer 1

I know that the question is old and out of date. But the question remains unanswered. Let's fix it.

Сaret-color is probably what you were looking for.

textarea{
caret-color: red;
}

<textarea>
</textarea>

Velleman

Answer 2

A custom caret can be used with either an .ani or .cur file

textarea {
 cursor: url(cursor.cur);
}

or

textarea {
 cursor: url(cursor.ani);
}

For more details regarding carets

or

.cursor { font-size: 12px; background-color: red; color: red; position: relative; opacity: 0.5; }

Brettbretz