RichTextのフォーマットを変更した際に、フォーカスした部分だけスタイルが変更されるが、そのスタイルのカスタマイズは次の通りとなる。

通常のスタイルが

.rich-text:focus *[data-rich-text-format-boundary] { background-color: rgba(51, 51, 51, 0.2); } .block-editor-rich-text__editable:focus [data-rich-text-format-boundary] { border-radius: 2px; }

で設定されている。 もし、エディターの背景色を黒にした場合等に選択したスタイルが見にくくなる場合は、 background-color を変更するなどすれば良い。 特定の装飾のスタイルを変える場合、<装飾に使用されるタグ名>* の部分を置き換えるか[data-rich-text-format-boundary]に対して<装飾に使用されるタグ名>を指定するスタイルを組む。

例:boldの場合のみ

.rich-text:focus strong[data-rich-text-format-boundary]