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。我已经试了很久,但我不能使颜色变白。
请帮我解决这个问题。
我想您是指这个。
您可以将其更改为.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">