LaurenceRLewis
commented
3 years ago Disabled the following inherited styles from AccDc.
body { -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-user-select: none; -webkit-highlight: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
These features are non-standard not on a standards track. Do not use on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
-webkit-touch-callout
- When a target is touched and held on iOS, Safari displays a callout information about the link. This property allows disabling that behavior.
- None: The callout is disabled.
-webkit-text-size-adjust
- The text-size-adjust CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property.
- None: Disables the browser's inflation algorithm.
-webkit-user-select
- The user-select CSS property controls whether the user can select text. This doesn't have any effect on content loaded as part of a browser's user interface (its chrome), except in textboxes.
- None: The text of the element and its sub-elements is not selectable. Note that the Selection object can contain these elements.
-webkit-highlight
- No idea what this one does!
-webkit-tap-highlight-color
- A non-standard CSS property that sets the color of the highlight that appears over a link while it's being tapped. The highlighting indicates to the user that their tap is being successfully recognized, and indicates which element they're tapping on.
- This is set to black, which seem to me slightly problematic on a dark background.
Information on the styles from the MDN website.
User testing suggests that some people like to have the option to copy and paste test into specific software/tools to make it easier to read. Currently the text cannot be selected and copied.