Haga clic una vez, seleccione todo; Haga clic nuevamente, seleccione normalmente

¡Un auténtico truco de CSS de Will Boyd!

  1. Forzar la selección de todo el contenido de un elemento al hacer clic conuser-select: all;
  2. Si hace clic por segunda vez, permita que el usuario seleccione solo partes del texto como de costumbre.
  3. ¿Segundo clic? Bueno, es un truco. Realmente usando una animación forwardsde finalización retardada @keyframescuando el elemento está dentro :focuspara cambiarlo auser-select: text;

El artículo de Will tiene mucha más información útil y casos de uso para user-select.

SUSCRÍBETE A NUESTRO BOLETÍN 
No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.
Al suscribirte, aceptas nuestra política de privacidad y nuestros términos de servicio.

Tal vez te puede interesar:

  1. La innovación no puede mantener la Web rápida
  2. Rendimiento web ultrarrápido
  3. Tabla de contenidos fijos con estados activos de desplazamiento
  4. “cambiar tamaño: ninguno;” en áreas de texto es una mala experiencia de usuario

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Este sitio web utiliza cookies para mejorar tu experiencia mientras navegas por él. Este sitio web utiliza cookies para mejorar tu experiencia de usuario. Al continuar navegando, aceptas su uso. Mas informacion