How To Remove Cursor From Text Box?

Question

Here is my code:

Copy

<input class="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/

Html5 Academy

How To Remove Cursor From Text Box?

Solution 2:

Solution 3:

Solution 4:

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