修改 input 框输入光标的样式

input,
textarea {
    font-size: 24px;
    padding: 10px;
    
    color: red;
    text-shadow: 0px 0px 0px #000;
    -webkit-text-fill-color: transparent;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
    color:
    text-shadow: none;
    -webkit-text-fill-color: initial;
}

参考链接：
http://jsfiddle.net/8k1k0awb/
https://stackoverflow.com/questions/7339333/styling-text-input-caret