文本输入中的打字机效果在Firefox中不起作用

是因为Firefox浏览器不支持CSS属性text-decoration-skip-ink: auto;。这个属性用于控制文本装饰（如下划线）在某些情况下是否跳过字母的笔画，以实现打字机效果。

解决这个问题的方法是使用JavaScript来模拟打字机效果。可以通过编写JavaScript代码来逐个显示文本内容，创建一个定时器来控制每个字符的显示间隔，从而实现打字机效果。

以下是一个简单的示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    .typewriter {
      border-right: .15em solid orange;
      white-space: nowrap;
      overflow: hidden;
      width: 15em;
      animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;
    }

    @keyframes typing {
      from { width: 0 }
      to { width: 15em }
    }

    @keyframes blink-caret {
      from, to { border-color: transparent }
      50% { border-color: orange; }
    }
  </style>
</head>
<body>
  <h1 class="typewriter">Hello, World!</h1>

  <script>
    const text = "Hello, World!";
    let charIndex = 0;
    const typewriter = document.querySelector('.typewriter');

    function type() {
      typewriter.textContent += text[charIndex];
      charIndex++;
      if (charIndex < text.length) {
        setTimeout(type, 100);
      }
    }

    type();
  </script>
</body>
</html>

这段代码使用CSS动画和JavaScript来实现打字机效果。通过设置.typewriter类的样式，创建一个带有打字机效果的文本框。然后使用JavaScript逐个显示文本内容，通过定时器控制每个字符的显示间隔。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云函数（SCF）。