- Página Inicial
- Códigos CSS Prontos
- Estilos de Seleção no css
- Voltar
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.
O 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
:
color
background-color
cursor
caret-color
(en-US)outline
text-decoration
text-emphasis-color
(en-US)text-shadow
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