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

Question

首先感谢你。

\n\n

我想实现这样的功能：\xef\xbc\x88为<input>节点\xef\xbc\x89

\n\n

\n

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

\n

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

\n

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

\n

\n\n

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

\n\n

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

\n\n

但我不知道如何实现功能3。

\n\n

我已经尝试过样式文本输入插入符上的功能，\n但这不适用于移动 safari 浏览器。mobile safari输入插入符号颜色已经是iphone的默认颜色：蓝色

\n

Answer 1

使用现代CSS！

input {
    caret-color : #FF0000;
}