jquery - 如何更改 Jquery 终端光标形状？我希望它是'|' 不是块

Question

如何更改 Jquery 终端光标形状？我试过弄乱这里描述的 CSS http://terminal.jcubic.pl/css/jquery.terminal.css 但我只能改变颜色而不是形状！

Answer 1

您可以使用border-left来模拟条形光标，如下所示：

.terminal .inverted, .cmd .inverted, .cmd .cursor.blink {
  color: #aaa;
  border-left: 1px solid #aaa;
  background-color: black;
  margin-left: -1px;
}
@keyframes terminal-blink {
  0%, 100% {
      border-left-color: #aaa;
  }
  50% {
      border-left-color: #000;
  }
}

这是其他浏览器的带有前缀动画的演示。

编辑 现在您可以使用 css 变量--animation: terminal-bar;来启用条形光标。