¿Cómo cambiar el color del cursor sin cambiar el color del texto?

Question

Quiero tener el cursor #FFF mientras que mi fuente es #000.

¿Es esto posible?

Answer 1

You can make a custom one.

input, textarea { 
    cursor: url(cursor.cur); 
} 

Answer 2

Sí, es fácil. Establezca el color de su fuente normalmente y luego use un cursor personalizado.

http://beradrian.wordpress.com/2008/01/08/cross-browser-custom-css-cursors/

Eso no independiente de que el cursor personalizado puede ser de color, sólo estoy asumiendo que puede ser.

Answer 3

Prueba este

<style> 
input { 
    color: rgb(60, 0, 248); /* change [input cursor color] by this*/ 
    text-shadow: 0px 0px 0px #D60B0B; /* change [input font] by this*/ 
    -webkit-text-fill-color: transparent; 
} 
</style> 

Answer 4

a change caret color CSS de tipo texto de entrada y el uso de área de texto a continuación css

input,textarea { 
    color: #8f0407; 
    text-shadow: 0px 0px 0px #000 ; 
    -webkit-text-fill-color: transparent ; 
} 

input::-webkit-input-placeholder, 
    textarea::-webkit-input-placeholder { 
    color: #ccc; 
    text-shadow: none; 
    -webkit-text-fill-color: initial; 
} 

Codepen Demo

Answer 5

Desde el Mozilla docs

/* Keyword values */ 
caret-color: auto; 
caret-color: transparent; 
caret-color: currentColor; 

/* <color> values */ 
caret-color: red; 
caret-color: #5729e9; 
caret-color: rgb(0, 200, 0); 
caret-color: hsla(228, 4%, 24%, 0.8);