方法一：
這也是最簡單的一種了,但是字體顏色也會跟著一起變化

input{
	color:red;
}

方法二：
此方法有兼容性要求，低版本瀏覽器跟部分移動端不會顯示

input{
	caret-color:red;  //css3屬性
}

方法三：
此方法主要是利用鏤空屬性，隱藏原本文字，再利用text-shadow改變字體的顏色，而光標的顏色不變

input,textarea { 
   color: rgb(60, 0, 248); /* 光標的顏色*/ 
   text-shadow: 0px 0px 0px #D60B0B; /* 文本顏色 */ 
   -webkit-text-fill-color: transparent;
} 
/*此外下面的placeholder改變顏色同樣適用*/
input::-webkit-input-placeholder{
    color: rgb(60, 0, 248); /* 改變placeholder文本顏色 */
    text-shadow: none;
    -webkit-text-fill-color: initial; 
 }