css更改输入光标/光标颜色

我想实现这样的功能：（用于<input>节点）

占位符文本的颜色是：#b8b9b9
的输入文字的颜色：#4e5050
输入插入符的颜色为：#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的默认颜色：蓝色

来源

2016-09-29 zctocm

已经有这个 http://stackoverflow.com/questions/7339333/styling-text-input-caret –

感谢的答案，但如果我指定它不会为移动Safari浏览器 – zctocm

-2

你可以通过这个选项

div { 
    cursor: url(YOUR_IMAGE_URL), auto; 
}

来源

2016-09-29 10:03:35 Pooya

工作图像具有固定的宽度和高度，当我改变输入高度时，光标图像高度将适合输入节点的高度？ – zctocm

游标是**鼠标指针**，如果我理解正确，你正在寻找**符号**（[眨眼线]（http://i.stack.imgur.com/lPX6Z .jpg））颜色。 –

是的，脱字符的颜色 – zctocm

使用现代CSS图像分配给任何元素光标！

input { 
    caret-color : #FF0000; 
}

来源

2017-08-13 21:04:36 Gibolt

css更改输入光标/光标颜色

回答

相关问题