如何突出显示输入焦点上的文本？

Question

当用户单击输入类型文本时，我希望突出显示其中的文本。我已经尝试过焦点事件和 select()。这是行不通的。另外我正在使用react。

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()}/>

Answer 3

我使用了 onFocus，它适用于所有文本框：

$('input[type=text]').focus(function(){$(this).select()})