Change textarea cursor color in the textarea

Question

I have the following textarea:

How can I change the inner cursor color?

Answer 1

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; }