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;してバーカーソルを有効にできます。