如何更改jQuery终端光标,使其如图所示:picture.我试过修改css,我用css中的.cmd
可以稍微改变一下它的形状,但它不会改变厚度和高度,使它无效.
我确实知道有一个名为:--animation: terminal-bar
的变量,您可以将其添加到终端的CSS中,但我不确定是否有一个变量可以将其作为下划线.
如何更改jQuery终端光标,使其如图所示:picture.我试过修改css,我用css中的.cmd
可以稍微改变一下它的形状,但它不会改变厚度和高度,使它无效.
我确实知道有一个名为:--animation: terminal-bar
的变量,您可以将其添加到终端的CSS中,但我不确定是否有一个变量可以将其作为下划线.
在它说的documentation美元中
要更改终端的字体大小,可以使用以下代码:
toggle highlight .terminal, .cmd, .terminal .terminal-output div div, .cmd .prompt {
font-size: 20px;
line-height: 24px;
}
或者从1.0.0版开始(如果您不关心IE或Edge),可以使用--SIZE CSS变量来简化代码 如下所示:
toggle highlight .terminal {
--size: 2;
}
Demo:个
$('body').terminal(
function(command, term) {
if (command == 'test') {
term.echo("you just typed 'test'");
} else {
term.echo('unknown command');
}
}, {
prompt: 'user@host:~ $ ',
greetings: false
}
);
.terminal {
--background: black;
--color: rgba(0, 255, 0, 0.99);
--size: 1.3;
--animation: terminal-underline;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.terminal/2.37.1/js/jquery.terminal.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.terminal/2.37.1/css/jquery.terminal.min.css" rel="stylesheet" />