Colore di sfondo citazione selezionata

Ciao!
Per favore, forniscimi un esempio di codice CSS per impostare il colore di sfondo nella parte selezionata del testo nella citazione.
Ecco un’illustrazione:

Sul mio sito, la parte evidenziata della citazione non ha uno sfondo, ho provato a modificare il CSS da solo senza successo :pensive:

Ciao,

Puoi scoprirlo facilmente usando questa guida:

Ti aiuterà in futuro.

Per quello che chiedi, il codice per cambiare questa parte specifica sarebbe questo. Sostituisci il valore predefinito con qualsiasi colore desideri. :slight_smile:

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

Ho aggiunto il selettore .cooked perché credo che span.highlighted sia utilizzato in altre parti del forum.

1 Mi Piace

Ciao @Canapin :wave:, sì, ho letto questo post, ma è scritto un po’ superficialmente. Ho già provato a incollare codice come il tuo, ma influisce solo sulla prima citazione e le citazioni successive non cambiano il colore di sfondo(

@Aizada_M Non sono sicuro se questo possa esserti d’aiuto, ma puoi usare questo…

Ti dà un pulsante nella finestra di composizione per decorare il testo selezionato con diversi colori e colori di sfondo… il codice che genera nella finestra di composizione appare così…

[wrap=yellow color=green bgcolor=red]
[quote="system, post:1, topic:3, full:true"]Crea qui argomenti che non rientrano in nessuna categoria esistente.[/quote]
[/wrap]

[wrap=yellow color=green bgcolor=red]Crea qui argomenti che non rientrano in nessuna categoria esistente.[/wrap]

(Non sono sicuro di cosa faccia “wrap=color” però)


Se vuoi impostare il colore di sfondo per tutti i blocchi di citazione sul tuo sito, puoi usare questo CSS…

aside.quote .title,
blockquote {
background-color: yellow;
}
2 Mi Piace

Forse ho frainteso cosa hai chiesto precisamente?

Perché il mio CSS funziona per più citazioni:

1 Mi Piace

Mi hai capito correttamente, ma per qualche motivo ho il colore solo nella prima citazione, quelle successive no :man_shrugging:

Sei sicuro che ci siano parti evidenziate di default nella tua altra citazione?
Potresti registrare un video come hai fatto nel tuo primo post? :slight_smile:

1 Mi Piace

Grazie per la risposta :raised_hands:, hai condiviso informazioni molto utili, ho salvato il tuo codice per un altro compito, ma ho bisogno che lo sfondo della parte selezionata del testo citato risalti dallo sfondo generale quando si cita.

Nello stato normale compresso, lo sfondo della citazione non viene evidenziato. Dopo aver fatto clic sul pulsante :arrow_down_small:, l’intero testo si espande, dove solo lo sfondo della parte citata viene evidenziato in un colore diverso.
Ad esempio, come questo:

Tipo di citazione estesa:

1 Mi Piace

Sì, ho evidenziato ogni citazione, ma per qualche motivo cambia solo lo sfondo del testo selezionato per la prima citazione. Domani registrerò un video e lo pubblicherò qui.

Ciao!
Ecco il codice che ho incollato nel CSS del mio tema:

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

Ecco come funziona:

Penso di aver capito.

Le liste puntate citate sono un po’ scombinate:

Nella tua prima citazione, citi solo il testo del punto elenco.

Nella seconda, selezioni anche il punto elenco, che viene modificato quando mostri l’intera citazione. Il punto elenco passa a un livello superiore rispetto alla sua indentazione originale e non corrisponde più alla citazione originale, quindi non c’è evidenziazione).

Non ha nulla a che fare con il mio CSS. Non otterrai l’evidenziazione in nessun caso. :slight_smile:

2 Mi Piace

Grazie :raised_hands:! Per quanto ne so, non c’è soluzione a questo problema. :pensive:

Sì, non c’è e non sono nemmeno sicuro che correggere il Bug che ho collegato risolverebbe questo particolare problema.

1 Mi Piace