Alterando a cor da seleção de texto usando CSS?
Atualmente estou trabalhando em um site e quero alterar a cor da seleção de texto.
Eu tenho um pouco de trabalho. Este é (parte de) o código na minha folha de estilo:
::selection {
background: #FF0099;
color: black;
text-shadow: none;
}
::-moz-selection {
background: #FF0099;
color: black;
text-shadow: none;
}
Produz um resultado satisfatório. No entanto, em alguns casos, o destaque parece perder sua cor determinada (de # FF099), como mostrado nesta figura:
Como você pode ver na foto acima, o texto é totalmente destacado usando a cor correta (# FF099); no entanto, a área entre o texto do corpo e o título, bem como à esquerda do texto do corpo, é destacada com a cor padrão (de azul). Como posso manter partes do destaque voltando ao padrão?
editar: imagem maior disponível emhttp://i.imgur.com/NmZIf.png
um trecho:
::selection {
background: #FF0099;
color: black;
text-shadow: none;
}
::-moz-selection {
background: #FF0099;
color: #EEE;
text-shadow: none;
}
<p>sample</p>
<br />
<p>sample2</p>