Cambiar color texto seleccionado CSS
0Es agradable que en un diseño que tiene detalles en verde (por ejemplo), todos los pequeños detalles estén en verde y no de otro color.
Si no hacemos lo que voy a explicar a continuación, el texto que seleccionemos de nuestra web se vería con el color por defecto del sistema operativo (o navegador); generalmente el azul.
Con esta entrada voy a explicar de forma sencilla cómo podemos cambiar el color del texto seleccionado para que vaya a juego con nuestro diseño.
Esto se consigue con dos propiedades en nuestra hoja de estilo:
CSS:
- /* Para Safari */
- ::selection {
- background: #C8ED00;
- }
- /* Para Firefox */
- ::-moz-selection {
- background: #C8ED00;
- }
Desconozco si funciona en Internet Explorer dado que no lo he probado, pero no todo va a ser bueno, ¿no?