選択した引用の背景色

こんにちは!
引用符内のテキストの選択部分の背景色を設定するためのCSSコードの例を教えてください。
以下はイラストです。

私のサイトでは、引用符のハイライト部分に背景が表示されません。CSSを自分で調整してみましたが、うまくいきませんでした:pensive:

こんにちは。

このガイドを使えば簡単にわかります。

将来に役立つでしょう。

ご質問の件については、この特定の部分を変更するためのコードは以下の通りです。デフォルト値を好きな色に置き換えてください。:slight_smile:

.cooked span.highlighted {
    background-color: var(--tertiary-low);
}

span.highlighted はフォーラムの他の部分でも使用されている可能性があるため、.cooked セレクターを追加しました。

「いいね!」 1

@Canapinさん、こんにちは :wave: はい、この記事を読みましたが、少し表面的に書かれています。あなたのコードのようなものを貼り付けようとしましたが、最初の引用にしか影響がなく、その後の引用の背景色は変わりませんでした。

@Aizada_M お役に立つかわかりませんが、これを使用できます…

これにより、コンポーザーにボタンが表示され、選択したテキストをさまざまな色や背景色で装飾できます…コンポーザーで生成されるコードは次のようになります…

[wrap=yellow color=green bgcolor=red]
[quote="system, post:1, topic:3, full:true"]Create topics here that don’t fit into any other existing category.[/quote]
[/wrap]

[wrap=yellow color=green bgcolor=red]Create topics here that don’t fit into any other existing category.[/wrap]

(「wrap=color」が何をするのかはわかりません)


サイト上のすべての引用ブロックの背景色を設定したい場合は、このCSSを使用できます…

aside.quote .title,
blockquote {
background-color: yellow;
}
「いいね!」 2

私の質問を正確に理解できなかったのかもしれません。

なぜなら、私のCSSは複数の引用符で機能するからです。

「いいね!」 1

正しく理解していただきましたが、なぜか最初の引用にしか色がついておらず、その後の引用には色がついていません :man_shrugging:

他の引用でデフォルトでハイライトされた部分はありますか?
最初の投稿でしていただいたように、動画を録画していただけますか? :slight_smile:

「いいね!」 1

回答ありがとうございます :raised_hands:、非常に役立つ情報を共有していただき、コードを別のタスクのために保存しました。しかし、引用する際に、引用されたテキストの背景部分が一般的な背景から際立つようにする必要があります。

通常の折りたたまれた状態では、引用の背景は強調表示されません。 :arrow_down_small: ボタンをクリックすると、引用部分の背景のみが別の色で強調表示される、テキスト全体が展開されます。
たとえば、このようになります。

拡張引用のタイプ:

「いいね!」 1

はい、各引用をハイライトしましたが、なぜか最初の引用の選択されたテキストの背景しか変わりません。明日、ビデオを録画してここに投稿します。

こんにちは!
テーマのCSSに貼り付けたコードはこちらです。

.cooked span.highlighted {
    background-color: var(--tertiary-low);
}

動作はこちらです。

理解できたと思います。

引用された箇条書きリストは少しおかしくなっています。

最初の引用では、箇条書きのテキストのみを引用しています。

2番目の引用では、箇条書きも選択していますが、引用全体を表示すると変更されます。箇条書きは元のインデントよりも上のレベルに移動し、元の引用と一致しなくなるため、ハイライトされません。

これは私のCSSとは関係ありません。いずれにしてもハイライトは表示されません。:slight_smile:

「いいね!」 2

ありがとうございます :raised_hands:! 私の理解では、この問題に対する解決策はないようです。 :pensive:

はい、ありません。また、私がリンクした#bugを修正しても、この特定の問題が解決するかどうかさえ定かではありません。

「いいね!」 1