如何更改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" />

Javascript相关问答推荐

如何使用React渲染器放置根dis?

如何在表格上拥有水平滚动条,在正文页面上拥有垂直滚动条,同时还对html表格的标题使用位置粘性?

我试图实现用户验证的reduxstore 和操作中出了什么问题?

过滤对象数组并动态将属性放入新数组

Angular:动画不启动

如何使onPaste事件与可拖动的HTML元素一起工作?

用于在路径之间移动图像的查询

在Matter.js中添加从点A到另一个约束的约束

在使用REACT更改了CSS类之后,无法更改CSS样式

将异步回调转换为异步生成器模式

在FAQ Accodion应用程序中使用React useState时出现问题

SPAN不会在点击时关闭模式,尽管它们可以发送日志(log)等

每次重新呈现时调用useState initialValue函数

更新Redux存储中的对象数组

Django导入问题,无法导入我的应用程序,但我已在设置中安装了它

使用Reaction窗体挂钩注册日历组件

在Java脚本中构建接口的对象

Django模板中未加载JavaScript函数

Played link-Initialize.js永远显示加载符号

更改管线时不渲染组件的react