Skip to content Skip to sidebar Skip to footer

How To Remove Cursor From Text Box?

Here is my code: As A Row

I need your help, if the following code below counts every …
Copy
<inputclass="caret-hidden"type="text"readonly>

Solution 2:

Poor man's solution: transmit value in a hidden form item (<input type="hidden">) and display it in a regular HTML container (<p></p>, <div></div> or whatever).

Solution 3:

The mouse cursor has several CSS values. To remove the cursor from the textbox you can use the following

<input type="text" value="test2" style="cursor:none"readonly />

By setting it to none, the cursor will not be displayed. But you can also choose to use other styles like cursor:zoom-in. cursor: default etc. For more CSS cursor values, take a look at the MDN documentation here

Solution 4:

Do you mean this :

<input type="text" name="site" value="Stackoverflow"readonly="readonly" />

Demo :http://jsfiddle.net/UuZnh/

Post a Comment for "How To Remove Cursor From Text Box?"