Como alterar a cor do texto selecionado de uma página com CSS

Aprenda neste artigo como alterar a cor do texto selecionado do site com CSS

Como alterar a cor do texto selecionado de uma página com CSS

Sabia que é possível alterar a cor padrão do texto selecionado pelo usuário no navegador?

Com essas duas linhas de CSS é possível alterar as cores e personalizá-las de acordo com a identidade visual do projeto/site/empresa.

Alterando a cor do texto selecionado

::-moz-selection {
  color: #ffffff;
  background-color: #bf4b8a;
}
::selection {
  color: #ffffff;
  background-color: #bf4b8a;
}

Gostou da dica? Sabia dela ou já usou em algum projeto? Tem alguma dica para acrescentar? Comenta aí o que achou. Valeeu!

Simulador de Orçamento

Monte sua Estimativa em Segundos

Escolha o escopo ideal e receba um orçamento prévio instantâneo.

1 Tipo de Projeto
2 Adicionais Opcionais
Prazo Estimado 3 a 5 dias úteis
Investimento Estimado R$ 1.200 – R$ 2.200
Orçamento sem compromisso no WhatsApp
Enviar Simulação pelo WhatsApp
Material Rico Gratuito

Checklist Definitivo de SEO & Performance Web 2026

Baixe gratuitamente nosso guia prático em PDF com mais de 30 itens para auditoria de SEO, otimização de velocidade de carregamento e boas práticas de UX.

Foto de Matheus Costa
Escrito por

Matheus Costa

UX/UI Designer & Dev Front-end

Especialista em UX/UI Design e Desenvolvimento Front-end em São José do Rio Preto/SP. Criação de sites de alta conversão, soluções digitais orientadas a SEO e performance.