CodeMirror の制御: テキスト領域のプレースホルダーのスタイルを変更する

Question

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

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

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

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

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

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

ああああ

Answer 1

どういうわけか、ログインしないとコードサンドボックスを使用できません。 ただし、次のような疑似クラスを使用してみることもできます:

リーリー

この ドキュメントを参照してください。

Answer 2

可能であれば、JavaScript を使用してこれを実現できます -

リーリー