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

Question

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

Answer 1

您可以使用左边框来模拟栏光标这样的：

.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前缀动画其他浏览器。