Vuejs ベースの Web アプリケーションのテキストエリアで CodeMirror プラグインのバージョン 5.65.7 を使用していますが、すべて問題なく正常に動作しています。テキストエリアにプレースホルダーを追加したいので、対応するプレースホルダーファイルをアプリケーションに追加すると、テキストエリアにプレースホルダーが表示されます。

プレースホルダーのフォントの色を変更して中央揃えにしたいと思い、コードミラーのスタイルを少し修正してみましたが、なぜか全く機能しませんでした。 CodeMirror で制御されるテキスト領域のフォントの色と中央揃えのプレースホルダーを変更する方法を教えてください。

ここで同様の質問を確認しました:「プレースホルダーのフォントの色」で同じことを実行しようとしましたが、何らかの理由で機能しませんでした。

CodeSandBox の問題を実証するために、実際のアプリケーションに基づいてサンプル プロジェクトを作成しました。

開発ツールを見て試してみましたが、期待どおりに動作しませんでした。誰かが私が間違っていることを教えて、回避策を提供してもらえますか?

次のコード例は、CodeSandBox でも利用できます: