改变输入文本的颜色

Question

我正在使用HTML制作一个简单的表单。背景是黑色的，因此我希望输入的文本为白色。

以下是我的代码:

<form method="GET">
  <input type="text" name="name" placeholder="Full Name"><br/>
  <input type="submit">
</form>

我在图片中突出显示输入的文本“asdasd”，我想让用户以白色输入文本。我尝试过在CSS中使用color: #ffffff;，但它没有起作用。

任何帮助都将不胜感激。

- user13242965

---

显然你没有尝试过 color: #ffffff;，否则你就不会有这个问题了。无论如何，为什么不展示一下你尝试过的CSS代码，包括选择器？ - connexo

Answer 1

您可以通过以下步骤解决此问题：

<input type="text" name="name" placeholder="Full Name" style="color:white;">

为了更整洁的效果，你也可以这样做：

<input type="text" name="name" placeholder="Full Name">

input {
  color:white;
}

或者，如果您只想将白色文本应用于一个输入框，可以这样做：

<input type="text" name="name" placeholder="Full Name" id="input1">

#input1 {
  color:white;
}

如果你想让占位符与文本颜色相同或类似，可以使用@Çağrı的解决方案。

- TorNato

Answer 2

在 CSS 中，您应该将输入框的颜色和占位符的颜色都更改为白色。

input[type=text],input[type=text]::placeholder{
 color:white;
}

- mr. pc_coder

Answer 3

尝试像这样吗？

input[type=text] {
  background-color: #3CBC8D;
  color: white;
}

- Kim Duclos