自动关注React中的输入，而不让占位符消失，直到键事件

Question

当页面加载时，我试图将光标自动聚焦在输入上，我正在使用

<input placeholder="Enter text here" autoFocus={true} />

但是，当我这样做时，占位符就会消失。我想让占位符显示，直到用户准备好开始键入，并且只有在关键事件上，占位符才会消失。你会如何在React中做到这一点，或者它需要额外的js/css才能工作？

Answer 1

我意识到我的样式表中有以下内容：

::-webkit-input-placeholder {
  color: transparent;
}

删除可修复问题。