时间戳

首页 > 解决方案 > 如何在 HTML-CSS 的输入框中更改文本的字体颜色（由用户提供）？

html - 如何在 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;
}

我想将用户在input网页框中给出的文本的颜色更改为#fff(white)。在这个项目中，我使用 HTML 和 CSS。我已经尝试了很多，但我无法使颜色变白。

请帮我解决这个问题。

标签： htmlcssinputcolors

解决方案

我想你是这个意思。
您可以将其更改为.main-header input.

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>

推荐阅读