Pseudo-elemento ::selection
O pseudo-elemento ::selection é utilizado para estilizar o texto selecionado pelo usuário em uma página da web. Ele oferece a capacidade de aplicar estilos personalizados à área destacada, proporcionando uma maneira simples de realçar o texto selecionado.
Exemplo
Considere o seguinte trecho de código HTML com um parágrafo:
<p>Selecione este texto para ver o efeito do pseudo-elemento ::selection.</p>O código CSS abaixo estilizará a área selecionada do texto com um fundo azul claro e texto branco:
::selection {
background-color: #3399ff;
color: #ffffff;
}Neste exemplo, ao selecionar o texto dentro do parágrafo, a área destacada terá um fundo azul claro e texto branco.