我想向我的 HTML/CSS 站点添加一个 linux 风格的命令行。我做了一个 Span 并想在它旁边放一个 Textarea 来模拟输入。但是我无法摆脱 Textarea 中闪烁的“光标”（直线）。有谁知道如何隐藏“光标”？
如果可能，我只想在 HTML/CSS 中执行此操作。
#name {
position: absolute;
left: 0;
width: 100%;
padding: 5%;
color: rgb(0, 255, 0);
/*text-align: center;*/
font-family: "Lucida Console";
font-size: 50pt;
}
blink {
animation: blink 1.2s infinite;
}
@keyframes blink {
0% {
visibility: hidden;
}
40% {
visibility: hidden;
}
50% {
visibility: visible;
}
90% {
visibility: visible;
}
100% {
visibility: hidden;
}
}<div id="name"><span>nicolo@luescher:~$<blink>_</blink></span></div>您可以使用text-shadow仅获取tranparent字体颜色并使用它，text-shadow因此当您点击时，textarea您将无法获得，cursor但您仍然可以在其中书写。
下面是我发布的例子
textarea {
color: transparent;
text-shadow: 0px 0px 0px tomato;
}<textarea></textarea>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句