Carregando...

Estilos de Seleção no css

Postado: 11 de março de 2021 Tempo de Leitura: < 1 Minuto

Estilos de Seleção no css

Estilos de Seleção no css

Neste artigo passo a passo veja como fazer um Estilos de Seleção no CSS, mesmo com pouco conhecimento na área do desenvolvimento.

vamos deixar o site mais personalizado com (::selection).

O CSS nos permite controlar como a seleção de texto se comporta e aparece em suas páginas. 

É possível definir a cor de fundo e de texto que o usuário seleciona.

pseudo-elemento CSS ::selection aplica estilos para partes do documento que foram selecionadas pelo usuário (tal como clicar e arrastar o ponteiro do mouse através de um texto.

Propriedades permitidas

Apenas certas propriedades podem ser usadas com o ::selection:

você poderá fazer uma combinação de cores do seu site.

ou da forma que desejar.

Funcionará nos seguintes navegadores:

  • Firefox;
  • Opera;
  • Chrome;
  • Safari;

Segui o Código Abaixo.

 ::selection { background:#00bec5; color:#fff; }
 ::-webkit-selection { background:#00bec5; color:#fff; }
 ::-moz-selection { background:#00bec5; color:#fff; }

Conclusão – Estilos de Seleção no css

Neste artigo, você aprendeu o passo a passo sobre Seleção de texto no css.

Fica o desafio para você tentar criar um novo design do zero a criatividade é sua.

faça um exemplo e comente aqui em baixo e deixe um link do seu desafio.

Publicado por: Loop Nerd

705 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Artigos Relacionados