HTML and CSS Reference
In-Depth Information
button {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline: none;
}
Notice how we're setting the prefixed
webkit-tap-highlight-color
to 0 on its RGBA scale as well as calling it
transparent. Finally, for safe measure, we're disabling the outline by setting it to
none
.
Another useful feature with CSS and mobile is the disabling of selections. If you or your client wants to disable
the cutting, copying, and pasting actions from within the ad unit, you can use CSS to make that happen. Figure
8-5
outlines how the copy-and-paste process looks on mobile.
Figure 8-5.
Copy-and-paste technique on mobile devices
Disabling this feature could be useful if you want to prohibit users from taking information from the ad unit with
them. Maybe it's timely and dynamic data or a one-time coupon deal. Either way, just be sure you really want to
disable this setting for your user base. Here's a CSS snippet that can achieve this result.
p {
-webkit-user-select: none;
}
Sometimes you may get a request to disable the callout window on iOS devices when a user taps on an image and
holds it or holds a link within your content. Figure
8-6
better illustrates what I'm talking about.
