Nível: intermediário
Este é um simples código CSS que muda as cores do texto quando alguém seleciona com o cursor. Eu descobri isso hoje, quando estava em um blog e percebi que o texto ficava com fundo vermelho quando eu selecionava. Abri o código fonte e descobri:
*::selection {background:#b645fe; color:#ffffff;}
]]></b:skin>
A pseudo-classe *::-moz-selection faz funcionar no Firefox, no Flock e no descontinuado Netscape. A pseudo-classe *::selection faz o efeito no Chrome, no Opera e no Safari. Não funciona no Internet Explorer 8 Beta 2, nem no Sleipnir 2.8.3.
Sem o efeito:
![select-moz-1 select-moz-1](http://lh4.ggpht.com/_HlIyV_enpD8/SY5C0y-WlQI/AAAAAAAADtU/77n1Dmb_W5E/rw/select-moz-1_thumb%5B7%5D.gif?imgmax=800)
Com o efeito:
![select-moz-2 select-moz-2](http://lh4.ggpht.com/_HlIyV_enpD8/SY5C2btQnmI/AAAAAAAADtc/EZqjYqmkHyc/rw/select-moz-2_thumb%5B7%5D.gif?imgmax=800)
Para escolher as cores que combinam com seu site, visite o cubo de cores.
Qual o Html dar cor que você usa aqui Helen ? Abraço !
ResponderExcluirMatheus, é background:#99cc00; color:#000000;.
ResponderExcluirObrigado
ResponderExcluir