html - 输入光标颜色

Question

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

Answer 1

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

input:focus { color: yellow }

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

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

Answer 2

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

HTML

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

CSS

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

Answer 3

使用现代 CSS！

input {
    caret-color : red;
}
input:focus {
    color : yellow;
}