How To Remove Cursor From Text Box?

May 26, 2024 Post a Comment

Here is my code:

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 :

Baca Juga

Open Pdf In The Phonegap App That Is Made In Html And Css
Compositing In Svg With D3
Is It Possible To Display A Child Element Over A Parent's Y-scrollbar Using Css?

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

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

Html5 Dictionary

How To Remove Cursor From Text Box?

Solution 2:

Solution 3:

Solution 4:

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