Home/ Questions/Q 9115475
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T04:26:30+00:00

I’m currently using: *{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;

  • 0

I’m currently using:

*{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

Go to http://jsfiddle.net/KyF5x/ and click below the list, see that this highlights the text… which can’t be un-highlighted. Reload the page, now try ctrl+a, see that this will also highlight the text.

The above doesn’t occur in Chrome, Safari or IE 10.

Disclaimer: I’m using Firefox 18

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As a temporary answer, the fix is the apply the CSS to the individual ‘unselectable’ elements. However i’d love to see someone come up with a document-wide fix.

    li{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    See: http://jsfiddle.net/KyF5x/1/

    A use case for having document-wide unselectable text is more obvious in the domain of web apps, rather than typical websites.

    • 0