透明的输入文字和背景，带有白色光标

Question

我需要使用透明的文本颜色和背景进行输入；我的SCSS代码：

&_transparent {
  color: transparent;
  background-color: transparent;
}

此简单代码可按我的需要工作，但存在一些问题-游标也是透明的。如何在所有主要浏览器中修复它？提前致谢。

Answer 1

.transparent {
  color: transparent;
  background-color: transparent;
  caret-color: red;
}

<input class="transparent" type="text">

Answer 2

.transparent {
opacity:1;
background:transparent;
}

在此代码中，类名是透明的，并且由于不透明度最大，因此文本将不可见。