Como alterar a cor de fundo ao selecionar texto no WordPress

por

Quer aprender WordPress?Em zona premium você tem tudo o que precisa aprender com 0 WordPress

Vídeo tutorial

Inscreva-se no meu canal:

Neste pequeno tutorial vamos ver como podemos alterar a cor de fundo do texto quando o selecionamos com o mouse.

É muito possível que, ao selecionar o texto em um site, você tenha se surpreendido quando o fundo muda para uma cor diferente do azul típico de toda a vida.

cor de fundo quando selecionada

como se faz? Você verá que é muito fácil graças ao CSS.

Neste tutorial, faremos isso no WordPress, mas você pode fazê-lo em qualquer tipo de página da web que use CSS.

Para isso, usaremos o pseudo-elemento ::seleção css

Você não pode usar ::selection com nenhuma propriedade CSS. As propriedades CSS que podem usar ::selection são:

  • Cor
  • BACKGROUND
  • background-color
  • sombra de texto

No nosso exemplo usamos da seguinte forma:

p::selecction{
background:yellow;
}

Para adicionar o pseudo-elemento no WordPress vamos em Customize –> custom css e voila, temos 🙂

Eu o apliquei ao parágrafo, mas você pode aplicá-lo a qualquer outro elemento.

Rápido e fácil, você pode pedir mais? 🙂

Espero que tenha gostado

Deixe um comentário