光标和输出颜色不同 css

Cursor and output don't have the same color css

我想对输入字段进行个性化设置，使光标为蓝色，文字为黑色。我希望光标和我写时的输出不具有相同的颜色。我怎样才能做到这一点 ？

看看这是不是你想要的？

DEMO HERE

input
{
    font-size: 24px;
    padding: 10px;
    color: blue; //Change to whatever color you want
    text-shadow: 0px 0px 0px #000;
    -webkit-text-fill-color: transparent;
}
input::-webkit-input-placeholder
{
    text-shadow: none;
    -webkit-text-fill-color: initial;
}