Color de fondo de cita seleccionada

¡Hola!
Por favor, dame un ejemplo de código CSS para establecer el color de fondo en la parte seleccionada del texto en la cita.
Aquí tienes una ilustración:

En mi sitio, la parte resaltada de la cita no tiene fondo, he intentado modificar el CSS yo mismo sin éxito :pensive:

Hola,

Puedes averiguarlo fácilmente usando esta guía:

Te ayudará en el futuro.

Para lo que pides, el código para cambiar esta parte específica sería este. Reemplaza el valor predeterminado con el color que desees. :slight_smile:

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

Añadí el selector .cooked porque creo que span.highlighted se usa en otras partes del foro.

1 me gusta

Hola @Canapin :wave:, sí, leí esta publicación, pero está escrita un poco superficialmente. Ya intenté pegar un código como el tuyo, pero solo afecta a la primera cita, y las siguientes citas no cambian el color de fondo(

@Aizada_M No estoy seguro si esto ayuda, pero puedes usar esto…

Te da un botón en el Compositor para decorar el texto seleccionado con diferentes colores y colores de fondo… el código que genera en el compositor se ve así…

[wrap=yellow color=green bgcolor=red]
[quote="system, post:1, topic:3, full:true"]Crea temas aquí que no encajen en ninguna otra categoría existente.[/quote]
[/wrap]

[wrap=yellow color=green bgcolor=red]Crea temas aquí que no encajen en ninguna otra categoría existente.[/wrap]

(No estoy seguro de lo que hace el “wrap=color”, sin embargo)


Si quieres establecer el color de fondo para todos los bloques de cita en tu sitio, puedes usar este CSS…

aside.quote .title,
blockquote {
background-color: yellow;
}
2 Me gusta

¿Quizás entendí mal lo que pediste exactamente?

Porque mi CSS funciona para varias citas:

1 me gusta

Me entendiste correctamente, pero por alguna razón solo tengo color en la primera cita, las siguientes no :man_shrugging:

¿Estás seguro de que hay partes resaltadas por defecto en tu otra cita?
¿Podrías grabar un video como lo hiciste en tu primera publicación? :slight_smile:

1 me gusta

Gracias por la respuesta :raised_hands:, compartiste información muy útil, guardé tu código para otra tarea, pero necesito que el fondo de la parte seleccionada del texto citado destaque del fondo general al citar.

En el estado normal colapsado, el fondo de la cita no se resalta. Después de hacer clic en el botón :arrow_down_small:, todo el texto se expande, donde solo el fondo de la parte citada se resalta en un color diferente.
Por ejemplo, así:

Tipo de cita extendida:

1 me gusta

Sí, resalté cada cita, pero por alguna razón solo cambia el fondo del texto seleccionado para la primera cita. Mañana grabaré un video y lo publicaré aquí.

Hola.
Aquí tienes el código que pegué en el CSS de mi tema:

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

Así es como funciona:

Creo que entiendo.

Las listas con viñetas citadas están un poco desordenadas:

En tu primera cita, solo citas el texto de la viñeta.

En la segunda, seleccionas la viñeta también, que se modifica cuando muestras la cita completa. La viñeta pasa a un nivel superior de su sangría original y ya no coincide con la cita original, por lo que no hay resaltado).

No tiene nada que ver con mi CSS. No obtendrás el resaltado en ningún caso. :slight_smile:

2 Me gusta

¡Gracias :raised_hands:! Por lo que entiendo, no hay solución para este problema. :pensive:

Sí, no lo hay y ni siquiera estoy seguro de que arreglar el Bug que enlacé resuelva este problema en particular.

1 me gusta