通过CSS更改html中的占位符文本

我在一个网站上有以下信息，我不能编辑html，但我可以编辑CSS

<textarea id="gui-form-comment" name="comment" placeholder="Comment" style="width:100%;" data-validate-before-update="false"></textarea>

---

我想将占位符更改为其他内容。

因此，如果可以指定文本区域的高度，则很容易实现：

<textarea
  id="gui-form-comment"
  name="comment"
  placeholder="Comment"
  style="width: 100%; height: 100px;"
  data-validate-before-update="false"
></textarea>
<style>
  #gui-form-comment::placeholder {
    line-height: 100px;
  }
</style>

#gui表单注释：：占位符{
线高：100px；
}

---

：：占位符实际上可以安全使用（）

从技术上讲这是不可能的，但您可以模仿现代浏览器中的行为。但是您需要为textarea的父元素设置一个选择器，并且可能需要调整

#container:：before

伪占位符的字体、大小和位置，以匹配textarea的格式

/*隐藏实占位符*/
#容器文本区域：：占位符{
颜色：透明；
}
/*添加伪占位符*/
#容器：：之前{
内容：“新占位符”；
位置：绝对位置；
字体系列：monospace；
填充：4px；
指针事件：无；
}
/*显示和隐藏伪占位符*/
#集装箱文本区{
位置：相对位置；
}
#容器文本区域：显示占位符{
位置：静态；
}

这在CSS中是不可能的，因为这是HTML内容。这是否回答了您的问题？