Как сделать прозрачные буквы в textarea, но каректу оставить видимой?

Question

[likejavascript]

Есть обычный элемент textarea, можно ли как-нибудь с помощью css либо JS реализовать такую фичу. Когда набираешь текст, то буквы становились бы невидимыми, но мигающая каретка по прежнему была бы видна и перемещалась по мере набора текста и можно было бы также установить ее место положение мышкой по невидимому тексту.

Где-то я видел подобный трюк при установке font-size: 0; но уже не помню где.

Подскажите как реализовать такое.
Спасибо.

Answer 1

[no1]

Для элемента textarea цвет курсора устанавливается по прихоти браузера, поэтому результата даже с бубном не добъетесь.

Для вашей задачи нужно использовать блочный элемент + designMode и внутри этого элемента span с цветом текста равным цвету фона.

Comments

[likejavascript]

Спасибо за ответ, помогите пожалуйста с примерчиком.

[no1]

если html5, то:
<div contenteditable="true" style="background:white"><span style="color:white">hello world<span></div>

если раньше, то через iframe.

Answer 2

[Салават Ситдиков]

Задать шрифту цвет background'a textarea? Не идеальное решение, но все -же.)

Comments

[Евгений]

Тогда и каретка будет невидима

[Салават Ситдиков]

Agent_J, вы правы :( Я сильно тупанул…