输入光标颜色

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

input:focus { color: yellow }

IE7和更低版本不支持。兼容性表 here 。

据我所知,改变光标的颜色是不可能的。它通常采用文本内容的颜色,在大多数情况下应该是好的。

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

HTML

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

CSS

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

使用现代CSS!

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