reactjs - 在reactjs中设置文本输入占位符颜色

Question

使用普通 CSS 时，如果您想设置占位符的样式，请使用这些 css 选择器:

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

但我不知道如何在 react 内联样式中应用这些类型的样式。

Answer 1

只需为您的“input”标签指定一个“id”或“class”，然后将您的 css 样式放入 src 内的 App.css 中即可。例如

//App.css or external stylesheet

#inputID::placeholder {
    color: #ff0000;
    opacity: 1;
}

//your jsx code
<input type="text" id="inputID" placeholder="Your text here" />

这实际上对我有用。