在React Typewriter-effect font-size不工作

Question

CSS中的font -size在React的打字机效果中不起作用，我如何改变字体大小呢?

反应代码

<div className='chan'>
<Typewriter
onInit={(typewriter) => {
typewriter.typeString("Aman Chauhan").pauseFor(1500).start();
}}
options={{
loop: true
}}
/>
</div>

CSS

.chan{
color: var(--red);
font-weight: bold;
font-size: 100px;
}

Answer 1

根据文档，使用wrapperClassName自定义包装器的样式。使用cursorClassName来自定义光标的样式。

index.jsx

<Typewriter
onInit={(typewriter) => {
typewriter.typeString("Aman Chauhan").pauseFor(1500).start();
}}
options={{
loop: true,
wrapperClassName: styles.typeWriterText,
}}
/>

index.css

.typeWriterText {
font-size: 40px;
}