这篇文章主要介绍了CSS改变输入框光标颜色的原生属性caret-color怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
创新互联-专业网站定制、快速模板网站建设、高性价比云浮网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式云浮网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖云浮地区。费用合理售后完善，10年实体公司更值得信赖。
CSS caret-color属性可以改变输入框插入光标的颜色，同时又不改变输入框里面的内容的颜色。
例如：
input {
color: #333;
caret-color: red;
}结果光标颜色变成红色，文字还是深黑色：
眼见为实，您可以狠狠的点击这里：CSS caret-color改变光标颜色demo
//zxx: 单词caret表示“插入符号”，指处于内容可插入状态的光标。
caret-color属性不仅对于原生的输入表单控件有效，设置contenteditable的普通HTML标签也适用。
例如：
[contenteditable="true"] {
width: 120px;
border: 1px solid #ddd;
padding: 3px;
line-height: 20px;
color: #333;
caret-color: red;
}
