Last active
April 10, 2025 19:00
-
-
Save netpoetica/a1234ae1d4d2988f03ef to your computer and use it in GitHub Desktop.
iOS Disable User Select but Allow Input (Snippet)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| 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; | |
| } |
How to use or apply to WKWebView?
Don't remember at this point unfortunately. And these days I would never recommend working with WKWebView - so many better alternatives to hybrid apps.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Also works in WKWebView. Thanks for the snippet.