输入光标颜色

Question

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

Answer 1

输入内容时更改颜色很简单：

input:focus { color: yellow }

IE7及更低版本不支持

。兼容性表here。

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

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;
}