Para que cuando seleccionemos un texto en una web nos aparezca con el estilo que queramos debemos aplicar el siguiente código:
::selection { background: yellow; color: white; text-shadow: 1px 1px black; } /* Para Firefox */ ::-moz-selection { background: yellow; color: white; text-shadow: 1px 1px black; }
Como veis, cambiaríamos el color por defecto de la selección con la propiedad background el color del texto con la propiedad color, y le añadiríamos una sombra con text-shadow… podemos simplificar y solo cambiar el color, o añadirle más bombo…
Así, directamente se aplicaría a todo el documento. Si queremos solo asignarlo a los párrafos deberíamos apuntar a «p«:
p::selection { background: yellow; color: white; text-shadow: 1px 1px black; } /* Para Firefox */ p::-moz-selection { background: yellow; color: white; text-shadow: 1px 1px black; }