自定义输入框光标的颜色

之前做注册登录界面遇到过一个需求，输入框的颜色和光标都变为红色。

设置文本的颜色方便，但光标该怎么设置颜色？CSS3 的 caret-color 可以解决这个问题。

input, textarea {
  caret-color: blue;
}

它不仅对于原生的输入控件有效，对设置 contenteditable 的普通 HTML 标签也适用。

不过兼容性上，safari 的 PC 版从 V11.1 开始支持，wap 版从 V11.4 也开始支持了。当然 IE 目前还没有支持。