Seleção colorida com CSS

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.