Курсор и вывод не имеют одинакового цвета. 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; 
}