input {
  -webkit-background-clip:text;
  -webkit-text-fill-color: #fff;
}

-webkit-background-clip:text; 取消默认自动填充背景色

-webkit-text-fill-color: #fff; 设置字体的填充颜色

兼容性

image.png

需要加上-webkit- 前缀提高兼容性,另外要注意两个notes

参考资料

juejin.cn