Selección en CSS | CSS :: selección

 

Selección en CSS | Cómo cambiar el color de la selección del texto

La selección en CSS ::selection es un selector de CSS, que resalta el texto, que es seleccionado por el usuario.

Por ejemplo, una parte de una página web que es seleccionada por el usuario usando cualquier dispositivo como un mouse o cualquier dispositivo señalador.

Ver una imagen (selección CSS), también proporciono la demostración completa de Selección en CSS ,

Cuando usa Selección en CSS, eso puede cambiar el fondo y el primer plano del texto del texto seleccionado.::selection

Sintaxis CSS | ::selección

1 2 3

::selection {     CSS property declarations; }

En el siguiente ejemplo, cambiamos el color del texto de fondo usando la ::selection CSSpropiedad,

1 2 3 4

::selection {     background-color: red;     color: white; }

Lo anterior :: código CSS de selección compatible con todos los navegadores, pero para Mozilla firefox, cambiamos el código,

1 2 3 4 5

/* Code for Mozilla Firefox */ ::-moz-selection {   color: red;   background: yellow; }

Cómo deshabilitar el resaltado de selección de texto

Aquí hay un código para deshabilitar el resaltado de la selección de texto,

1 2 3 4 5 6 7

<p class="element" style="color:red;-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;" unselectable="on" onselectstart="return false;" onmousedown="return false;">     You Can not select me </p>

CSS :: selección Demo en vivo

Codificación feliz ..!