CSS – SELEÇÃO DE TEXTO
Postado por: Pedro Rogério emMuita gente nem deve ter notado isso, mas quando você seleciona o texto em uma página, por padrão, o fundo fica em azul e o texto fica branco, com CSS é possível efetuar algumas alterações nisso, podendo você alterar para a cor que quiser,
fiz alguns testes e só funcionou no Firefox no artigo original, o autor postou um código que ele diz funcionar em outros browsers também, mas pelo que vi não funciona, portanto, o código citado aqui só funciona no Firefox, mas tudo bem, você deve utilizar-se do seguinte código CSS:
::-moz-selection {
background-color:#f00;
color:#fff;
}
Alí eu defini a cor de fundo como vermelho e o texto como branco, mas você pode utilizar a cor que quiser, fica a seu critério. Para você ver como isso funciona de verdade, aproveite e abra essa página no Firefox.
Via AC09.
Random Posts
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Este Blog está listado no
Directório Paralaxe
Estava querendo esse codigo a tanto tempo… vlw msm kra
ah e sobre o capslock no titulo dos posts,pra mim ta tranquilo,o que importa eh a informacao!
Estava com um problema assim um dia desses.
No IE 6, 7 e no Opera, selecionando o texto ficava com o fundo azul escuro (como eu queria) e o texto branco. No Firefox, ficava o fundo laranja. E no CSS eu não achava nem a cor laranja e muito menos o que causava isso.
Aí um camarada meu resolveu.
Eu acho que na sua nota tem um trecho (“fiz alguns testes e só funcionou no Firefox”) que dá a entender, para algum desavisado, que essa é um recurso padrão do CSS e que só funciona no Firefox. Eu penso que teria sido mais correto dizer algo parecido com: “este é um recurso proprietário do Firefox, que não foi implementado e não funciona em outros browsers”.
Umm dica muito interessante.
@André,
Dei uma arrumada no post. Abraços!!!!
Boa dica, é pena que os outros browser ‘aparentemente’ nao suportam..
vlww…