此方法主要是利用镂空属性,隐藏原本文字,再利用text-shadow改变字体的颜色,而光标的颜色不变
input,textarea {
color: rgb(60, 0, 248); /* 光标的颜色*/
text-shadow: 0px 0px 0px #D60B0B; /* 文本颜色 */
-webkit-text-fill-color: transparent;
}
/*此外下面的placeholder改变颜色同样适用*/
input::-webkit-input-placeholder{
color: rgb(60, 0, 248); /* 改变placeholder文本颜色 */
text-shadow: none;
-webkit-text-fill-color: initial;
}
来源:https://blog.csdn.net/qq_39234685/article/details/83180468
相关文章