如何在HTML-CSS中改变输入框中文本（由用户指定）的字体颜色？

Question

HTML代码：-

<p><input type="text" placeholder="Username"></p>

CSS代码：-

.main-header input
{
    width: 90%;
    padding: 1rem;
    margin: 20px 0px;
    border: none;
    border-bottom: 4px solid #5f5fb0;
    font-size: 1.3rem;
    background: transparent;
    outline: none;
}
::-webkit-input-placeholder
{
    color: #fff;
}

我想将网页上的输入框中用户给出的文本的颜色更改为#fff（白色）。在这个项目中，我使用的是HTML和CSS。我已经试了很久，但我不能使颜色变白。

请帮我解决这个问题。

Answer 1

只需将颜色赋予input标记的选择器本身color属性

null

input {
  color: white;
  background-color: black;
}

<input type="text">

Answer 2

我想您是指这个。
您可以将其更改为.main-Header输入。

null

input[type="text"]
{
    width: 90%;
    padding: 1rem;
    margin: 20px 0px;
    border: none;
    border-bottom: 4px solid #5f5fb0;
    font-size: 1.3rem;
    background: black;
    outline: none;
    color: white;
}
::-webkit-input-placeholder
{
    color: #fff;
}

html lang-html prettyprint-override"><p><input type="text" placeholder="Username"></p>