输入光标颜色

Question

如何在输入某些值时更改 HTML 输入类型文本中内容的颜色。还有焦点时的光标颜色。

原文由 eomeroff 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

输入内容时更改颜色很容易：

 input:focus { color: yellow }

IE7 及更低版本不支持。兼容性表 在这里。

据我所知，专门更改光标颜色是不可能的。它通常会采用文本内容的颜色，在大多数情况下应该没问题。

原文由 Pekka 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

使用 color 指定文本颜色。使用 caret-color 指定插入符号的颜色。

HTML

 <input class="examples" />
<textarea class="examples"></textarea>

CSS

 .examples {
  color: gray;
  caret-color: red;
}

原文由 sealocal 发布，翻译遵循 CC BY-SA 4.0 许可协议