Qui ho creato un esperimento di riconoscimento vocale: http://jsfiddle.net/3Sm9R/3/ (funziona solo con Chrome 11+)Come posso nascondere il cursore del campo di testo lampeggiante usando i CSS?
Tuttavia, il cursore lampeggiante viene visualizzato quando si fa clic sull'ingresso. Voglio nasconderlo. Qual è il modo più pulito per nasconderlo?
Il colore del cursore segue il colore del testo. Quindi quando si imposta il colore su trasparente, il cursore scompare.
<input type="text" style="color: transparent;" x-webkit-speech />
Benvenuti in SO. Questa è una vecchia domanda, quindi potresti non ottenere una risposta dall'OP. La mia conoscenza CSS è bassa, ma il tuo suggerimento non nasconderà il testo? –
Sì, lo farebbe. Ma (imo) non ha senso nascondere il cursore lampeggiante quando lo si usa per l'immissione di testo. Comunque quando usato come pulsante (in questo caso) lo fa .. –
quindi come posso rimuovere solo il cursore ..... Non voglio renderlo trasparente. – user3281466
Vedi this answer
riduce a input[type=text]{ cursor: none; }
EDIT: guardando il tuo jsfiddle, ora mi rendo conto che si sta utilizzando il nuovo tipo di input vocale, e questo non sembra lavorare su questo.
Il "cursore" in questo la domanda è in realtà il cursore di testo, non il puntatore del mouse. In ogni caso, il tuo codice non farebbe quello che sta cercando. – BoltClock
Il puntatore del cursore rimane ancora poiché il CSS non è correlato al cursore del testo. –
Probabilmente si può trovare risposte qui: http://stackoverflow.com/questions/2162164/how-to-hide-the-text-box-blinking-cursor –