JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<label for="myP" onclick="click();">
    <input type="text" id="myP" value="Mozilla" />
</label>



</body>

CSS

input#myP {
  pointer-events: none;
}
label {
    background-color: white;
}

JavaScript

function click() {
    var input = document.getElementById("myP");
    input.style.pointerEvents = 'auto';
    input.style.color = "green";
    input.setSelectionRange(0,0);
    console.log('click');
}