Estou de férias em setembro, por isso talvez não atualize toda semana.

Helen Fernanda

domingo, 8 de fevereiro de 2009

Escolha a cor do texto selecionado

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:

*::-moz-selection {background:#b645fe; color:#ffffff;}
*::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

Com o efeito:

select-moz-2

Para escolher as cores que combinam com seu site, visite o cubo de cores.

4 comentários:

  1. Muito bom! Estou planejando um galeria e isso deu mais vida ao modelo,
    Obrigado - PARABÉNS PELO SITE!

    ResponderExcluir
  2. Qual o Html dar cor que você usa aqui Helen ? Abraço !

    ResponderExcluir
  3. Matheus, é background:#99cc00; color:#000000;.

    ResponderExcluir

Posts relacionados