Cor de Fundo da Citação Selecionada

Olá!
Por favor, me dê um exemplo de código CSS para definir a cor de fundo na parte selecionada do texto na citação.
Aqui está uma ilustração:

No meu site, a parte destacada da citação não tem fundo, tentei ajustar o CSS sozinho sem sucesso :pensive:

Olá,

Você pode descobrir facilmente usando este guia:

Ele o ajudará no futuro.

Para o que você pergunta, o código para alterar essa parte específica seria este. Substitua o valor padrão pela cor que desejar. :slight_smile:

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

Adicionei o seletor .cooked porque acredito que span.highlighted é usado em outras partes do fórum.

1 curtida

Olá @Canapin :wave:, sim, eu li esta postagem, mas ela é escrita de forma um pouco superficial. Eu já tentei colar um código como o seu, mas ele afeta apenas a primeira citação, e as citações seguintes não mudam a cor de fundo(

@Aizada_M Não tenho certeza se isso ajuda, mas você pode usar isto…

Ele fornece um botão no Composer para decorar o texto selecionado com diferentes cores e cores de fundo… o código que ele gera no composer se parece com isto…

[wrap=yellow color=green bgcolor=red]
[quote="system, post:1, topic:3, full:true"]Crie tópicos aqui que não se encaixam em nenhuma outra categoria existente.[/quote]
[/wrap]

[wrap=yellow color=green bgcolor=red]Crie tópicos aqui que não se encaixam em nenhuma outra categoria existente.[/wrap]

(Não tenho certeza do que o “wrap=color” faz, no entanto)


Se você quiser definir a cor de fundo para todos os blocos de citação em seu site, você pode usar este CSS…

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

Talvez eu tenha entendido mal o que você pediu precisamente?

Porque meu CSS funciona para várias citações:

1 curtida

Você me entendeu corretamente, mas por algum motivo só tenho cor na primeira citação, as subsequentes não :man_shrugging:

Você tem certeza de que há partes destacadas por padrão em sua outra citação?
Você poderia gravar um vídeo como fez em sua primeira postagem? :slight_smile:

1 curtida

Obrigado pela resposta :raised_hands:, você compartilhou informações muito úteis, salvei seu código para outra tarefa, mas preciso que o fundo da parte selecionada do texto citado se destaque do fundo geral ao citar.

No estado normal recolhido, o fundo da citação não é destacado. Após clicar no botão :arrow_down_small:, todo o texto se expande, onde apenas o fundo da parte citada é destacado em uma cor diferente.
Por exemplo, como este:

Tipo de citação estendida:

1 curtida

Sim, eu destaquei cada citação, mas por algum motivo apenas o plano de fundo do texto selecionado muda para a primeira citação. Amanhã gravarei um vídeo e postarei aqui.

Oi!
Aqui está o código que colei no CSS do meu tema:

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

Veja como funciona:

Eu acho que entendi.

Listas com marcadores citadas estão um pouco confusas:

Na sua primeira citação, você cita apenas o texto do marcador.

Na segunda, você seleciona o marcador também, que é modificado quando você mostra a citação inteira. O marcador vai para um nível superior ao seu recuo original e não corresponde mais à citação original, portanto, não há destaque).

Não tem nada a ver com meu CSS. Você não obterá o destaque em nenhum caso. :slight_smile:

2 curtidas

Obrigado :raised_hands:! Pelo que entendi, não há solução para este problema. :pensive:

Sim, não há e nem tenho certeza se corrigir o Bug que linkei resolveria este problema específico.

1 curtida