Cambiar el color de la selección

Al seleccionar texto en el navegador, lo más frecuente es que el fondo detrás del texto seleccionado cambie el color a azul. ¿Cómo cambiar este color a otro?Cambiar el color de la selección

Fuente

2011-08-03 Sergey Metlov

Está buscando el pseudo-elemento selection.

::-moz-selection{ background: #000; color:#fff;} 
::selection { background:#000; color:#fff; }

Además, como una nota al margen. Si planea usar text-shadow en su sitio, le recomiendo que agregue text-shadow:none; a su estilo ::selection. Como puede ver en el violín this, es realmente difícil para los ojos.

Fuente

2011-08-03 18:13:39 Moses

Hace que sea más fácil de decir si se utiliza el nombre correcto "pseudo-elemento". – BoltClock

Tenga en cuenta que esto no funcionará en IE <9. –

@BoltClock Ah, pero mucho menos divertido XD. Aún así, me aseguraré de cambiarlo a la redacción correcta. – Moses

Tome un vistazo a este artículo ...

http://css-tricks.com/490-overriding-the-default-text-selection-color-with-css/

... así que algo como esto:

p.moz::-moz-selection { 
    background:#cc0000; 
    color:#fff; 
} 

p.webkit::-webkit-selection { 
    background:#cc0000; 
    color:#fff; 
} 

p.normal::selection { 
    background:#cc0000; 
    color:#fff; 
}

espero que esto ayude.
Hristo

Fuente

2011-08-03 18:13:47 Hristo

Debido a las cascadas de CSS, siempre debe asegurarse de colocar los selectores prefijados por el proveedor encima de su selector "estandarizado". De lo contrario, los futuros navegadores seguirían prefiriendo su propia implementación de proveedor, incluso si agregaran soporte para la versión estandarizada. – Moses

@Moses ... No estoy seguro de a qué te refieres. – Hristo

Los prefijos de proveedor existen como un medio para que los navegadores implementen características antes de que esas características hayan sido oficialmente estandarizadas por W3C. Sin embargo, una vez que existe un estándar oficial, no hay ninguna razón para que los navegadores futuros requieran prefijos. Usando su código, el navegador primero encontrará la ':: selección 'estandarizada, luego, en la hoja de estilos, verá' :: - moz-selection'. Como el navegador ahora comprende ambos, elegirá el segundo porque lo encontró el último. Esto es malo porque lo más probable es que desee utilizar la implementación nueva y estandarizada, no la versión anterior. – Moses

Prueba este

::selection 
{ 
background:#999; 
color:#fff; 
}

Fuente

2011-08-03 18:14:48

Cambiar el color de la selección

Respuesta

Cuestiones relacionadas