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 use this in your css, but it will not focus:

[readonly='readonly'] {
   pointer-events: none;
}