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;
}