En ocasiones no queremos que ciertas partes o textos de nuestras webs sean seleccionables.

Por ejemplo en aplicaciones web o de escritorio basadas en HTML, CSS & JS. Las aplicaciones de escritorio que estamos acostumbrados a usar no permiten seleccionar el texto de los botones, menús u otros elementos de la interfaz (UI). En estos casos, resaltar dichos textos con un doble clic o tap o de manera involuntaria con el ratón es un efecto no deseado.

Para este tipo de situaciones, CSS nos ofrece la propiedad user-select. La compatibilidad de la propiedad user-select es bastante amplia salvo para Internet Explorer, que comienza en su versión 11. 

La manera de usar la propiedad user-select es muy simple. Tan solo tendremos que aplicarla al elemento/s de nuestra interfaz que no queremos que se quede remarcado al ser seleccionado.

Lo ideal es crearnos una clase que incluya esta propiedad con todos sus prefijos (para máxima compatibilidad con navegadores) y aplicarla al elemento HTML que queramos. Un ejemplo básico sería:

Úsalo en tus proyectos web cuando lo necesites, te dará mayor control sobre la interfaz.