caret-color: red; 以下例子中这行代码是重点，给input设置此css样式即可，此行代表将input输入框光标颜色设置为红色，具体设置什么颜色可以自行修改。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>改变输入框光标颜色</title>
<style>
input {
color: #333;
caret-color: red;
}
</style>
</head>
<body>
<!-- Safari以及IE浏览器有兼容问题 -->
<input value="改变输入框光标颜色">
</body>
</html>