Skip to content

Instantly share code, notes, and snippets.

@RoyalHunt
Last active April 27, 2018 12:32
Show Gist options
  • Save RoyalHunt/95fc9949d8cdbba4aaba6d6354720478 to your computer and use it in GitHub Desktop.
Save RoyalHunt/95fc9949d8cdbba4aaba6d6354720478 to your computer and use it in GitHub Desktop.
IOS input fix with user-select: none
/*
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