如何更改光標顏色而不更改文字顏色？

Question

我想要光標#FFF而我的字體是#000。

這可能嗎？

Answer 1

You can make a custom one。

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

Answer 2

是的，這很容易。通常設置您的字體顏色，然後使用自定義光標。

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

但這取決於羯羊自定義光標可以是顏色，我只是假設它可以。

Answer 3

試試這個

<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

輸入型文本和下面的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

textarea的使用change caret color CSS了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);