我在基于 Vuejs 的 Web 应用程序中的文本区域中使用版本 5.65.7 的 CodeMirror 插件，一切正常，没有任何问题。我想将占位符添加到我的文本区域，因此我已将相应的占位符文件添加到我的应用程序中，并且可以在我的文本区域中看到占位符。
我想更改占位符的字体颜色并将其居中对齐，因此我尝试对 codemirror 样式进行一些修改，但由于某种原因它根本不起作用。您能告诉我如何更改 CodeMirror 控制的文本区域的字体颜色和居中占位符吗？
我在这里查看了一个类似的问题：占位符字体颜色”并尝试执行相同的操作，但由于某种原因它不起作用。
我根据我的实际应用程序创建了一个示例项目来演示 CodeSandBox 中的问题。
我尝试查看开发工具并尝试过，但它没有按预期工作。有人可以让我知道我做错了什么并提供一些解决方法吗？
以下是 CodeSandBox 中也提供的代码示例：
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
2
1138
收藏
不知何故，我无法在不登录的情况下使用您的codesandbox， 但您可以尝试使用伪类，如下所示：
textarea::placeholder { color: red; }请参阅此文档。
如果可能，可以使用 Javascript 来实现此目的 -
let placeholder_el = document.querySelectorAll('pre.CodeMirror-placeholder')[0]; placeholder_el.style['color'] = 'red'; placeholder_el.style['text-align'] = 'center'; placeholder_el.style['line-height'] = '200px';