H5 textarea 加行线怎么设置

要在 H5 的 textarea 中添加行线，你可以使用 CSS 来设置。可以使用 textarea 的 ::after 伪元素来创建行线，并使用 CSS 属性来定义其样式。

下面是一个示例代码，展示如何在 H5 的 textarea 中添加行线：

HTML 代码：

<textarea id="myTextarea"></textarea>

CSS 代码：

#myTextarea {
  position: relative;
  padding: 10px;
  border: 1px solid #ccc;
  font-size: 16px;
  line-height: 24px;
}

#myTextarea::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-left: 1px solid #ccc;
  pointer-events: none;
  z-index: -1;
}

在上面的代码中，我们首先为 textarea 元素设置了一些基本样式，如边框、内边距和字体大小。然后，使用 ::after 伪元素来创建行线，设置其样式为一条垂直的 1 像素宽的虚线，并将其置于 textarea 的底层（z-index: -1）。为了使行线不干扰用户的交互，使用 pointer-events: none 将其设为不可点击。

使用上面的代码，你可以将行线添加到你的 H5 textarea 中。你可以根据需要调整行线的样式，如颜色、粗细和间隔等