2 de março de 2008

Modificar a cor do texto selecionado com CSS.

As especificações para CSS3 trazem consigo características interessantes, entre elas, a possibilidade de modificar a cor do texto quando for selecionado (por default azul) por meio de um pseudo-elemento "selection". A sua implementação é simples, por exemplo, para aplicar à todos os textos da página se usa:


/* Para Safari */
::selection {
background: #ccc;
}


O Firefox (ainda) não entende esse pseudo-elemento. Para usar essa técnica no Firefox, algumas alterações devem ser feitas:


/* Para Firefox */
::-moz-selection {
background: #ccc;
}


Obs 1: Cuidado com as cores que você escolhe para o texto/plano de fundo. Escolha cores que tenham um bom contraste.

Obs 2: Esse pseudo-elemento suporta apenas as propriedades background e color.

Referencias:
CSS - selection styles
Modificar el color de texto seleccionado con CSS

Tags:

0 comentários: