2012-01-10 43 views
6

Tôi đã tạo thử nghiệm nhận dạng giọng nói tại đây: http://jsfiddle.net/3Sm9R/3/ (chỉ hoạt động trong Chrome 11+)Làm cách nào để ẩn con trỏ trường văn bản nhấp nháy bằng CSS?

Tuy nhiên, con trỏ nhấp nháy xuất hiện khi nhập được nhấp. Tôi muốn giấu nó. Cách sạch nhất để giấu nó là gì?

+0

Có lẽ bạn có thể tìm thấy bạn trả lời ở đây: http://stackoverflow.com/questions/2162164/how-to-hide-the-text-box-blinking-cursor –

Trả lời

0

Màu con trỏ sau màu văn bản .. Vì vậy, khi đặt màu thành trong suốt, con trỏ sẽ biến mất.

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

+0

Chào mừng bạn đến với SO. Đây là một câu hỏi cũ, vì vậy bạn có thể không nhận được mẫu trả lời OP. Kiến thức CSS của tôi thấp, nhưng đề xuất của bạn cũng sẽ ẩn nội dung? –

+0

Có thể. Nhưng (imo) nó không có nghĩa là ẩn con trỏ nhấp nháy khi sử dụng nó để nhập văn bản. Tuy nhiên khi được sử dụng như một nút (trong trường hợp này) nó .. –

+2

vì vậy làm thế nào tôi có thể loại bỏ các dấu mũ chỉ ..... Tôi không muốn làm cho nó minh bạch. – user3281466

-2

Xem this answer

Boils xuống để input[type=text]{ cursor: none; }

EDIT: nhìn vào jsfiddle của bạn, bây giờ tôi nhận ra rằng mình đang sử dụng loại bài phát biểu đầu vào mới, và điều này dường như không làm việc trên đó.

+4

Các "con trỏ" trong này câu hỏi thực sự là dấu nháy chữ, chứ không phải con trỏ chuột. Vì vậy, một trong hai cách, mã của bạn sẽ không làm những gì anh ta đang tìm kiếm. – BoltClock

+0

Con trỏ chuột vẫn ở lại vì CSS của bạn không liên quan đến con trỏ văn bản. –

Các vấn đề liên quan