如何调整typed.js中打字光标符号的大小？

Typed.js本身没有提供调整光标大小的配置选项，不过可以通过CSS直接覆盖默认的光标样式来解决这个问题：

1. 找到Typed.js生成的光标对应的类.typed-cursor，通过CSS修改它的尺寸：

.typed-cursor {
    /* 直接调整字体大小，数值根据需求修改 */
    font-size: 24px;
    /* 或者用transform缩放光标，1.5表示放大1.5倍 */
    /* transform: scale(1.5); */
    /* 可选：调整行高让光标和文字对齐更协调 */
    line-height: inherit;
}

2. 你的原有JS代码不需要修改，保持原样即可：

var typed = new Typed('#typing', {
    strings: ['Programmer', 'Game Developer', 'Web Developer', 'Gamer', 'Designer'],
    typeSpeed: 100,
    loop: true,
    backSpeed: 100,
});

把上述CSS代码添加到你的页面样式中（比如<style>标签或者外部CSS文件），就能自定义光标大小了。

内容的提问来源于stack exchange，提问作者tcgconsolee