Skip to content

Instantly share code, notes, and snippets.

@sksar
Forked from netpoetica/ios-select-fix.css
Created June 15, 2018 16:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sksar/fd9ef8c915b69f923e52896aba3840a3 to your computer and use it in GitHub Desktop.
Save sksar/fd9ef8c915b69f923e52896aba3840a3 to your computer and use it in GitHub Desktop.
iOS Disable User Select but Allow Input (Snippet)
/*
This is for demonstration purposes. Ideally, you should never use the star selector.
I recommend that you use this early on in your development, and then once you've established
your HTML element palette, go back and replace * with a comma-separated list of your
tag names. Additionally, the !important shouldn't have to be used, but I'm leaving it here
because some enterprising goons will probably copy and paste this directly into their project -
the !important will ensure these settings override other attempts that were either never
deleted or are part of an installed CSS file the user is unaware of.
*/
* {
/* Disable selection/Copy of UIWebView */
-webkit-touch-callout: none;
-webkit-user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
input,textarea {
/* Exception for input areas */
-webkit-touch-callout: default !important;
-webkit-user-select: text !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment