Mostrar custom color al seleccionar texto de pagina

[junihh]

Hola señores

Mi pregunta no es mas que simple curiosidad. He visitado no se que cantidad de websites y blogs en los que al seleccionar texto de su contenido, el color se muestra adaptado al diseño del site.

Se que no puede ser CSS, asi que supongo sera JS. Alguna idea de como se llama ese efecto ??. Pueden ver un ejemplo aca, solo seleccionen el texto y veran que es verde.

Gracias de antemano por sus respuestas.

[JavierB]

Hola junihh

No lo había visto hasta ahora, pero no es JavaScript, es Css y funciona el Firefox, no funciona en Explorer y no sé en los demás navegadores. Creo que el código es este:

Código CSS:

*::-moz-selection {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#BBE028 none repeat scroll 0 0;
color:#000000;
}
 

Muevo tu tema al foro de CSS desde Javascript.

Saludos,

[junihh]

Iniciado por JavierB

Hola junihh

No lo había visto hasta ahora, pero no es JavaScript, es Css y funciona el Firefox, no funciona en Explorer y no sé en los demás navegadores. Creo que el código es este:

Código CSS:

*::-moz-selection {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#BBE028 none repeat scroll 0 0;
color:#000000;
}
 

Gracias por responderme. Crei que seria JS, aunque aclaro que de ser CSS entonces tiene que haber una version para WebKit, porque al escribir el post lo hice desde Chrome-Windows y funcionaba bien.

Investigare por esa linea, gracias.

[junihh]

Tenias razon @JavierB, luego de investigar un poco me encontre con el "culpable" del color en la seleccion. Son dos simples lineas:

Código HTML:

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

Los probe en Firefox, Chrome, Safari y Opera y funcionan muy bien, olvidate de Explorer para esto