文本框css画一条竖线且不影响文本框编写

可以使用CSS的伪元素来画一条竖线，同时不影响文本框的编写。下面是一个示例代码：

HTML:

<div class="textbox">
  <textarea></textarea>
</div>

CSS:

.textbox {
  position: relative;
  display: inline-block;
}

.textbox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 100%;
  background-color: black;
}

这段代码会在文本框左侧创建一条宽度为2px的黑色竖线。你可以根据需要自行调整竖线的样式和大小。