Seleção colorida com CSS – It's Lizzie | Design, música, lifestyle e muito mais!
Seleção colorida com CSS
Por Lizzie / dezembro 27, 2017 / Tutorial

E vamos que vamos recolocar todo o conteúdo de volta e aos poucos. O tutorial de hoje é bem simples e básico mas que agrada muita gente, principalmente as blogueiras e inclusive temos aqui no blog.

Sabe quando você vai selecionar um texto e a seleção geralmente fica com branco? Então, vamos aprender a como mudar as cores tanto da cor do fundo como a da fonte. Simbora pro tutorial <3

Copie as duas linhas do código abaixo e coloque em qualquer lugar do seu CSS. Pode ser no inicio ou no final, não em problema.

::selection{background: #FF847A; color:#fff;}
::-moz-selection{background: #FF847A; color:#fff;}

Background significa a cor do fundo da seleção, você vai escolher uma cor que te agrada e substituir o #FF847A pela cor desejada.
Color significa a cor da fonte. Muito cuidado na hora da escolha a da cor da fonte, pois ela precisa permanecer visível e bem legível para a leitura. Você também pode substituir #fff (branco) por uma cor de sua escolha.

Vale lembrar que você não precisa necessariamente colocar as cores em HEX ou RGB, você pode escrever o nome da cor em inglês, por exemplo: Black para preto ou White para branco.

Confira um dicionário de cores clicando aqui.

Espero que gostem do tutorial e qualquer dúvida é só deixar aqui nos comentários que responderei.
Xx, Lizzie.



Lizzie

(Elizabeth) — Ítalo-brasileira, aspirante a filha de Poisedon, nascida em meados do século XX. Rainha dos dramas e das gambiarras que vive no mundo dos códigos e nos livros.



1 thought on “Seleção colorida com CSS

Deixe uma resposta

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

Its Lizzie @itslizzzie
Seguir
Blog de design, fotografia, dicas, lifestyle e muito mais.
Lizzie@itslizzie.space