JSFiddle - React, Tailwind, and code Playground

HTML

<span>
  <input type="text" value="CSS Readonly" />
</span>

CSS

input {
  pointer-events: none;
}

span {
  cursor: text
}