::selection

by 3 contributors:

No estándar

Resumen

El selector ::selection CSS pseudo-elemento aplica reglas a una porcion de un documento que a sido destacado (ej., selección con el mouse o algun otro puntero en un dispositovo) del usuario.

Solo un pequeño subconjunto de propiedades CSS pueden ser usadas en una regla  ::selection en el selector de:  color, background, background-color y text-shadow. Note que, en particular, background-image es ignorado, como cualquier otra propiedad.

text-shadow en ::selection es soportado por Chrome y Safari y sera soportado por Firefox 17  y superiores.

Aunque este pseudo-elemento esta en borradores como nivel 3 de selectores CSS, fue quitado durante la fase  recomendaciones de candidatos, como parecia que si comportamiento era bajo especificado, especialmente con elementos anidados, e interoperabilidad no fue archivado (basado en discusion en W3C lista de correos de estilo).

El ::selection pseudo elemento actualmente no esta en los modulos de CSS para estandar track. No debe ser usado en entornos de produccion.

Ejemplo

Gecko es la unica maquina que requiere el prefijo. Devido a el factor que las reglas de analisis de CSS requieren dejar caer la regla general cuando encuentre un pseudo elemento invalido, dos reglas deben ser escritas: ::-moz-selection, ::selection {...}. La regla debe soltada en non-Gecko como ::-moz-selection es invalido en esto.

/* dibuja en cualquier texto seleccionado el color amarillo  sobre un fondo rojo */
::-moz-selection { color: gold;  background: red; }
::selection      { color: gold;  background: red; } 

/* dibuja el texto seleccionado en un parrafo de color blanco y negro*/
p::-moz-selection { color: white;  background: black; }
p::selection      { color: white;  background: black; }

Especificaciones

El ::selection CSS pseudo-elemento fue redactado selector CSS nivel 3 pero quitado antes que alcanzara el estatus recomendado. Apesar de esto es simplemente en algunos Navegadores, que probablemente tendran soporte a este.

En estos momentos, el seudo elemento CSS ::selection no esta en ninguna especificación.

Compativilidad de navegadores

Caracteristicas Chrome Firefox (Gecko) Internet Explorer Opera Safari
Soporte basico 1 1.0 --moz 9 9.5 1.1
Caracteristicas Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Soporte basico ? ? ? ? ? ?

 

Etiquetas y colaboradores del documento

Contributors to this page: jesu_abner, teoli, pepeheron
Última actualización por: jesu_abner,