提问者:小点点

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


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。我已经试了很久,但我不能使颜色变白。

请帮我解决这个问题。


共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;
}
<p><input type="text" placeholder="Username"></p>

匿名用户

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

null

input {
  color: white;
  background-color: black;
}
<input type="text">