English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El pseudo-elemento ::selection CSS se aplica a la parte resaltada por el usuario en el documento (por ejemplo, seleccionada con el mouse u otro dispositivo de selección).
Manual de referencia de selector CSS completo
Hacer que el texto seleccionado sea azul:
!DOCTYPE html>
<html>
<head>
<style type="text/css">
::selection
{
color:#0000ff;
}
::-moz-selection
{
color:#0000ff;
}
</style>
</head>
<body>
<h1>intente seleccionar algunos textos de esta página</h1>
<p>Este es un texto.</p>
<div>Este es un texto dentro del elemento div.</div>
<a href="//es.oldtoolbag.com/" target="_blank">enlace oldtoolbag.com!/a>
</body>
</html>Prueba y mira ‹/›::selection {
fondo-color: cyan;
}El selector ::selection coincide con la parte seleccionada o resaltada por el usuario en el elemento.
::selection solo se puede aplicar a un número reducido de atributos CSS: color, fondo, cursor y outline.
IEFirefoxOperaChromeSafari
E9+, Opera, Google Chrome y Safari soportan el selector ::selection.
Firefox a través de sus propiedades privadas ::-moz-soporte de selección .