El selector de selección se utiliza para establecer la propiedad CSS en la parte del documento que selecciona el usuario (como hacer clic y arrastrar el mouse por el texto). Solo se usan algunas propiedades CSS con ::selector de selección. Las propiedades CSS admitidas son el color, el fondo, el cursor y el contorno.
Sintaxis:
::selection {
// CSS Property
}
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>::selection Selector</title>
<style>
h1 {
color: green;
}
body {
text-align:center;
}
/* CSS property for Firefox */
::-moz-selection {
color: white;
background: green;
}
::selection {
color: white;
background: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>::selection selector</h2>
<p>A Computer Science portal for geeks </p>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con ::selection Selector se enumeran a continuación:
- Apple Safari 3.1
- Google Chrome 4.0
- Firefox 62.0 2.0-moz-
- Ópera 10.1
- Internet Explorer 9.0
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA