html - css 更改输入光标/插入符号颜色

Question

首先感谢你。

我想实现这样的功能:(对于<input>节点)

1. 占位符文本的颜色是:#b8b9b9

2. 您输入的文本的颜色是:#4e5050

3. 输入插入符的颜色是:#FF0000

我已经实现了前两个功能1和2，代码是:

input[type='text']::-webkit-input-placeholder{
  color: #b8b9b9;
}
input[type='text']:-moz-placeholder{
  color: #b8b9b9;
}
input[type='text']::-moz-placeholder{
  color: #b8b9b9;
}
input[type='text']:-ms-input-placeholder{
  color: #b8b9b9;
}
input[type='text']:focus {
  color: #4e5050;
}

但是我不知道如何实现特性3。

我已经尝试了 Styling text input caret 上的功能,但这不适用于移动 safari 浏览器。手机safari输入插入符号颜色已经是iphone的默认颜色:蓝色

Answer 1

使用现代 CSS!

input {
    caret-color : #FF0000;
}