html - 光标和输出没有相同的颜色 css

Question

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

Answer 1

看看这是不是你想要的？

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;
}