When user clicks on input type text I want the text inside to be highlighted. I already tried on focus event and select(). It does not work. In addition I am using react.
'
input:focus, textarea:focus{
background-color: #dcdcdc;
} <label>TEST</label>
<p><input type="text" size="40"></p>Test
input:focus, textarea:focus { background-color: blue; }'`enter code here`I used onFocus and it works just fine:
<input type="text" onFocus={e => e.target.select()}/>