如何更改 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;
  }
}

这里是 demo 其他浏览器的前缀动画。

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

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

How to change Jquery terminal cursor shape? I want it to be '|' not a block

css

jquery

jquery-terminal