Как я могу скрыть мигающий курсор текстового поля, используя CSS?

Question

Я создал эксперимент по распознаванию речи здесь: http://jsfiddle.net/3Sm9R/3/ (работает только в Chrome 11 +)

Однако при нажатии на вход мигает курсор. Я хочу это скрыть. Какой самый чистый способ скрыть это?

Answer 1

Цвет курсора соответствует цвету текста. Поэтому при установке прозрачного цвета курсор исчезнет.

<input type="text" style="color: transparent;" x-webkit-speech />

Answer 2

См. этот ответ

сводится к input[type=text]{ cursor: none; }

РЕДАКТИРОВАТЬ: глядя на ваше jsfiddle, я теперь понимаю, что вы используете новый тип речевого ввода, и, похоже, это не сработает.