Question

I need to hide the text box blinking cursor in CSS / Javascript.

Is it possible?

Answer 1

<input type=text disabled="disabled"/>

because i can’t see any other reason you might want to do that.

edit:

i guess you want to allow the user to scroll the text that is larger than the area, but not show the blinking?

if that is so, you still want to disable it. not just hide the blinking cursor. if the user can’t type there, it should be disabled. period.

now, if you still want to allow the user to see all the content, you have to make the input as big as the content. there is no escaping that.

and then limit the size with a parent div with CSS overflow: hidden or scroll.

<div style="overflow: scroll-x;"><input size=255 value="some string 255 char long" /></div>