How to have transparent fonts except for the 'text-caret' in a textarea?

Viewed 3566

I have a simple textarea and I need to make transparent letters while allowing the text-caret to be visible. When I apply the following rules then I get invisible caret:

textarea {
   background: transparent;
   opacity: 0;
}

When I type invisible text, I need to see the text-caret move.

EDIT: I need to make editor to edit td cell in table. When I click on a cell I show a textarea and start typing. On a each character letter, I insert a context in a cell. After that, I hide a textarea.

4 Answers
Related