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!

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.