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

It can be done using html and javascript

or jQuery

$(document).on('focus', 'input[readonly]', function () {
        this.blur();
    });