如何使用CSS隐藏闪烁的文本字段光标?

时间:2012-01-10 22:40:14

标签: css css3

我在这里创建了一个语音识别实验:http://jsfiddle.net/3Sm9R/3/(仅适用于Chrome 11 +)

但是,单击输入时会出现闪烁的光标。我想隐藏它。什么是最隐蔽的方法?

2 个答案:

答案 0 :(得分:0)

光标颜色跟随文本颜色。因此,当将颜色设置为透明时,光标将消失。

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

答案 1 :(得分:-2)

请参阅this answer

归结为input[type=text]{ cursor: none; }

编辑:看着你的jsfiddle,我现在意识到你正在使用新的语音输入类型,而这似乎不适用于此。