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

Question

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:

Answer 1

Based on your edit, if you need to just hide a textarea why don't you use jQuery $('#your_id').hide();