Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在HTML-CSS中更改输入框中文本(由用户给定)的字体颜色?_Html_Css_Input_Colors - Fatal编程技术网

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

如何在HTML-CSS中更改输入框中文本(由用户给定)的字体颜色?,html,css,input,colors,Html,Css,Input,Colors,HTML代码:- <p><input type="text" placeholder="Username"></p> 我想将用户在网页的input框中给出的文本的颜色更改为#fff(白色)。在这个项目中,我使用HTML和CSS。我已经试了很多次了,但是我不能把颜色变成白色 请帮助我解决此问题。只需将颜色赋予输入标记选择器本身的颜色属性即可 输入{ 颜色:白色; 背景色:黑色; } 我想你是这个意思。 您可以将其更改为

HTML代码:-

<p><input type="text" placeholder="Username"></p>
我想将用户在网页的
input
框中给出的文本的颜色更改为#fff(白色)。在这个项目中,我使用HTML和CSS。我已经试了很多次了,但是我不能把颜色变成白色


请帮助我解决此问题。

只需将颜色赋予
输入
标记选择器本身的
颜色
属性即可

输入{
颜色:白色;
背景色:黑色;
}
我想你是这个意思。
您可以将其更改为
。主标题输入

input[type=“text”]
{
宽度:90%;
填充:1rem;
利润率:20px 0px;
边界:无;
边框底部:4px实心#5f5fb0;
字体大小:1.3rem;
背景:黑色;
大纲:无;
颜色:白色;
}
:-webkit输入占位符
{
颜色:#fff;
}

并更改“背景色:透明;”。谢谢您,先生,我已经尝试了您的代码,它工作正常。欢迎您。你能同意我的回答吗?谢谢
.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;
}