javascript - Force Text Caret To Appear In Readonly Input -

scenario: when input field set .readonly = true, text cursor replaced pointer arrow cursor , input field cannot entered or modified. however, clicking such readonly input field text in register cursor's location within text, though display not show clicked location visually rendering text cursor caret, read-enabled input field would.

here's question: there way force text cursor caret appear in input field set .readonly = true, in other words, if input field read enabled, still keep input field readonly?

you can css :

input[readonly] {   cursor: text; } 

or

<input type="text" style="cursor: text;">