如何在輸入焦點上突出顯示文本？

Question

當用戶單擊輸入類型文本時，我希望突出顯示里面的文本。 我已經嘗試過焦點事件和選擇（）。 這沒用。 另外我正在使用反應。

Answer 1

'

 input:focus, textarea:focus{ background-color: #dcdcdc; }

 <label>TEST</label> <p><input type="text" size="40"></p>

測試

輸入：焦點，文本區域：焦點 { 背景顏色：藍色； }'`在此輸入代碼`

Answer 2

我使用了 onFocus 並且效果很好：

<input type="text" onFocus={e => e.target.select()}/>