Remove text caret/pointer from focused readonly input

Question

I am using an , styled as normal text to remove the appearance of an interactive field, but still display the value.

Answer 1

You can remove the blinking caret by specify the css attribute into transparent

caret-color: transparent;

you can test the result here