在 React 中自动聚焦输入而不使占位符消失，直到关键事件

Question

我正在尝试在页面加载时将光标自动聚焦在输入上，我正在这样做：

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

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

Answer 1

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

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

删除它可以解决问题。