.textAreaWithLines {
  position: relative;
}

.lineObj {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #999;
  padding-right: 5px;
  position: absolute;
  line-height:16px;
  top: 10px;
  left: 0;
  text-align: right;
  width: 30px; /* 调整行号容器的宽度 */
  height: calc(100% - 20px);  /* 设置行号容器高度为与textarea相同 */
  border-right:solid#e7e5e5;
  overflow-y: hidden; /* 当内容超出高度时显示垂直滚动条 */
  pointer-events: none; /* 禁用行号容器的事件响应，让滚动事件透传到textarea */
}

#json_input {
  margin-left:15px;
  width: calc(100% - 30px); /* 调整textarea的宽度减去行号容器的宽度 */
  height: 300px; /* 固定textarea的高度为300px */
  font-size:12px;
  line-height:16px;
  padding-left: 32px; /* 增加左侧的空间用于显示行号 */
  overflow-y: scroll; /* 当内容超出高度时显示垂直滚动条 */
}