CSS改变插入光标颜色

CSS改变插入光标颜色常用两种方法：

---

第一种：caret-color: red;

		input {
		    color: #333;
		    caret-color: red;
		}

---

caret-color属性目前Chrome和Firefox基本上可以放心使用，但是Safari以及IE浏览器则还需要等待一些时日。

第二种：::first-line

	input {
		  color: red;
	}
	input::first-line {
		  color: #333;
	}

借助::first-line伪元素的方法在Chrome，Safari浏览器下表现良好，但是Firefox浏览器并不支持

---

兼容方式：

	input {
	    color: #333;
	    caret-color: red;
	}
	@supports (-webkit-mask: none) and (not (cater-color: red)) {
	    input { color: red; }
	    input::first-line { color: #333; }
	}